File Structure

PROJECT STRUCTURE

Habibi has React project:

                                
                                Habibi/
                                    |——template
                                    |  |——docs/
                                    |  |  |——sass/     
                                    |  |  |——general
                                    |  |  |——js
                                    |  |——app/
                                    |  |  |——components/                    --all basic component here
                                    |  |  |    |—— 404/
                                    |  |  |    |—— about/
                                    |  |  |    |—— about2/
                                    |  |  |    |—— BlogDetails/
                                    |  |  |    |—— BlogList/
                                    |  |  |    |—— BlogSection/
                                    |  |  |    |—— BlogSection2/
                                    |  |  |    |—— BlogSidebar/
                                    |  |  |    |—— BrideGrooms/
                                    |  |  |    |—— Category/
                                    |  |  |    |—— CheckoutSection/
                                    |  |  |    |—— CheckWrap/
                                    |  |  |    |—— ContactForm/
                                    |  |  |    |—— ComingSoonPage/
                                    |  |  |    |—— CtaSection/
                                    |  |  |    |—— CtaSection2/
                                    |  |  |    |—— countdown/
                                    |  |  |    |—— CoupleSection/
                                    |  |  |    |—— CoupleSection2/
                                    |  |  |    |—— CoupleSection3/
                                    |  |  |    |—— CoupleSection4/
                                    |  |  |    |—— CoupleSection5/
                                    |  |  |    |—— EventSection/
                                    |  |  |    |—— EventSection2/
                                    |  |  |    |—— EventSection3/
                                    |  |  |    |—— Footer/
                                    |  |  |    |—— FunFact/
                                    |  |  |    |—— header/
                                    |  |  |    |—— header2/
                                    |  |  |    |—— HeaderTopbar/
                                    |  |  |    |—— hero/
                                    |  |  |    |—— hero2/
                                    |  |  |    |—— hero3/
                                    |  |  |    |—— hero4/
                                    |  |  |    |—— hero5/
                                    |  |  |    |—— hero6/
                                    |  |  |    |—— hero7/
                                    |  |  |    |—— hero8/
                                    |  |  |    |—— hero9/
                                    |  |  |    |—— hero10/
                                    |  |  |    |—— hero11/
                                    |  |  |    |—— hero12/
                                    |  |  |    |—— hero13/
                                    |  |  |    |—— hero14/
                                    |  |  |    |—— MobileMenu/
                                    |  |  |    |—— MobileMenu2/
                                    |  |  |    |—— MobileMenu3/
                                    |  |  |    |—— ModalVideo/
                                    |  |  |    |—— Navbar/
                                    |  |  |    |—— Navbar2/
                                    |  |  |    |—— pagetitle/
                                    |  |  |    |—— PartnerSection/
                                    |  |  |    |—— PartnerSection/
                                    |  |  |    |—— PortfolioSection/
                                    |  |  |    |—— PortfolioSection2/
                                    |  |  |    |—— PricingSection/
                                    |  |  |    |—— RSVPFrom/
                                    |  |  |    |—— RSVPFromS2/
                                    |  |  |    |—— RSVPFromS3/
                                    |  |  |    |—— RsvpSection/
                                    |  |  |    |—— RsvpSectionS2/
                                    |  |  |    |—— RsvpSectionS3/
                                    |  |  |    |—— RsvpSectionS4/
                                    |  |  |    |—— RsvpSectionS5/
                                    |  |  |    |—— scrollbar/
                                    |  |  |    |—— SectionTitle/
                                    |  |  |    |—— ServiceSection/
                                    |  |  |    |—— ServiceSection2/
                                    |  |  |    |—— ServiceSection3/
                                    |  |  |    |—— ShopBanner/
                                    |  |  |    |—— ShopProduct/
                                    |  |  |    |—— StorySection/
                                    |  |  |    |—— StorySection2/
                                    |  |  |    |—— StorySection3/
                                    |  |  |    |—— TeamSection/
                                    |  |  |    |—— UiStyle/
                                    |  |  |    |—— VideoSection/
                                    |  |  |    |—— VideoSection2/
                                    |  |  |    |—— WeddingCountdown/
                                    |  |  |    |—— WeddingDate/
                                    |  |  |-main-component/
                                    |  |  |    |——__router/                 --all route file
                                    |  |  |    |——AboutPage/                --AboutPage
                                    |  |  |    |——AccomodationPage/                --AccomodationPage
                                    |  |  |    |——App/                      --main app js
                                    |  |  |    |——BlogDetails/                    --BlogDetails
                                    |  |  |    |——BlogDetailsFull/                    --BlogDetailsFull
                                    |  |  |    |——BlogDetailsLeftSiide/                    --BlogDetailsLeftSiide
                                    |  |  |    |——BlogPage/                    --BlogPage
                                    |  |  |    |——BlogPageFullwidth/                    --BlogPageFullwidth
                                    |  |  |    |——BlogPageLeft/                    --BlogPageLeft
                                    |  |  |    |——BrideGroomPage/                    --BrideGroomPage
                                    |  |  |    |——CartPage/                    --CartPage
                                    |  |  |    |——CheckoutPage/                    --CauseSinglePage
                                    |  |  |    |——ContactPage/                    --CheckoutPage
                                    |  |  |    |——ComingSoonPage/                    --ComingSoonPage
                                    |  |  |    |——ErrorPage/                    --ErrorPage
                                    |  |  |    |——ForgotPassword/                    --ForgotPassword
                                    |  |  |    |——HomePage/                    --Home Page
                                    |  |  |    |——HomePage2/                    --Home Page2
                                    |  |  |    |——HomePage3/                    --Home Page3
                                    |  |  |    |——HomePage4/                    --Home Page4
                                    |  |  |    |——HomePage4/                    --Home Page4
                                    |  |  |    |——HomePage6/                    --Home Page6
                                    |  |  |    |——HomePage7/                    --Home Page7
                                    |  |  |    |——HomePage8/                    --Home Page8
                                    |  |  |    |——HomePage9/                    --Home Page9
                                    |  |  |    |——LoginPage/                    --Login Page
                                    |  |  |    |——OrderRecived/                    --OrderRecived
                                    |  |  |    |——PlannerPage/                    --PlannerPage
                                    |  |  |    |——PortfolioGridPage/                    --PortfolioGridPage
                                    |  |  |    |——PortfolioMasonaryPage/                    --PortfolioMasonaryPage
                                    |  |  |    |——PortfolioMasonaryPages2/                    --PortfolioMasonaryPage2
                                    |  |  |    |——PortfolioMasonaryPage3/                    --PortfolioMasonaryPages3
                                    |  |  |    |——PricingPage/                    --PricingPage
                                    |  |  |    |——ProjectSinglePage/                    --Project Single Page
                                    |  |  |    |——RsvpPage1/                    --RsvpPage1
                                    |  |  |    |——RsvpPage2/                    --RsvpPage2
                                    |  |  |    |——RsvpPage3/                    --RsvpPage3
                                    |  |  |    |——RsvpPage4/                    --RsvpPage4
                                    |  |  |    |——ServicePage/                    --ServicePage
                                    |  |  |    |——ServicePageS2/                    --ServicePageS2
                                    |  |  |    |——ServicePageS3/                    --ServicePageS3
                                    |  |  |    |——ServiceSinglePage/                    --ServiceSinglePage
                                    |  |  |    |——ShopPage/                    --Shop Page
                                    |  |  |    |——SignUpPage/                    --SignUp Page
                                    |  |  |    |——StoryPage1/                    --StoryPage1
                                    |  |  |    |——StoryPage2/                    --StoryPage2
                                    |  |  |    |——StoryPage3/                    --StoryPage3
                                    |  |  |    |——StoryPage4/                    --StoryPage4
                                    |  |  |    |——TeamSinglePage/                    --TeamSinglePage
                                    |  |  |    |——WishlistPage/                    --WishlistPage
                                    |  |  |——images/                        --all static images 
                                    |  |  |——tests/                         --test file
                                    |  |  |——utils/                         --all statick data and common js
                                    |  |  |——app.js
                                    |  |  |——styles.js
                                    |  |  |——index.html
                                    |  |  |——.env                       
                                    |  |——package.json
                                    |  |——package-lock.json