File Structure

PROJECT STRUCTURE

Khairah has React project:

                                
                                Khairah/
                                    |——template
                                    |  |——docs/
                                    |  |  |——css/     
                                    |  |  |——general
                                    |  |  |——js
                                    |  |——app/
                                    |  |  |——components/                    --all basic component here
                                    |  |  |    |—— 404/
                                    |  |  |    |—— about/
                                    |  |  |    |—— about2/
                                    |  |  |    |—— BlogDetails/
                                    |  |  |    |—— BlogDetailsFullwidth/
                                    |  |  |    |—— BlogDetailsLeft/
                                    |  |  |    |—— BlogFullwidth/
                                    |  |  |    |—— BlogLeft/
                                    |  |  |    |—— BlogList/
                                    |  |  |    |—— BlogSection/
                                    |  |  |    |—— BlogSidebar/
                                    |  |  |    |—— case/
                                    |  |  |    |—— CaseSingle/
                                    |  |  |    |—— CommentForm/
                                    |  |  |    |—— Contactpage/
                                    |  |  |    |—— Counter/
                                    |  |  |    |—— cta/
                                    |  |  |    |—— Donate/
                                    |  |  |    |—— Event/
                                    |  |  |    |—— EventSingle/
                                    |  |  |    |—— Features
                                    |  |  |    |—— Features2/
                                    |  |  |    |—— Footer/
                                    |  |  |    |—— header/
                                    |  |  |    |—— header2/
                                    |  |  |    |—— HeaderTopbar/
                                    |  |  |    |—— hero/
                                    |  |  |    |—— hero2/
                                    |  |  |    |—— MobileMenu/
                                    |  |  |    |—— ModalVideo/
                                    |  |  |    |—— Navbar/
                                    |  |  |    |—— Navbar2/
                                    |  |  |    |—— pagetitle/
                                    |  |  |    |—— Partner/
                                    |  |  |    |—— scrollbar/
                                    |  |  |    |—— SidebarWrap/
                                    |  |  |    |—— team/
                                    |  |  |    |—— Testimonial/
                                    |  |  |    |—— Volunteer/
                                    |  |  |-main-component/
                                    |  |  |    |——__router/                 --all route file
                                    |  |  |    |——AboutPage/                --AboutPage
                                    |  |  |    |——App/                      --main app js
                                    |  |  |    |——BlogDetails/                    --BlogDetails
                                    |  |  |    |——BlogDetailsFull/                    --BlogDetailsFull
                                    |  |  |    |——BlogDetailsLeftSiide/                    --BlogDetailsLeftSiide
                                    |  |  |    |——BlogPage/                    --BlogPage
                                    |  |  |    |——BlogPageFullwidth/                    --BlogPageFullwidth
                                    |  |  |    |——BlogPageLeft/                    --BlogPageLeft
                                    |  |  |    |——CasePage/                    --CasePage
                                    |  |  |    |——CaseSinglePage/                    --CaseSinglePage
                                    |  |  |    |——ContactPage/                    --ContactPage
                                    |  |  |    |——DonatePage/                    --DonatePage
                                    |  |  |    |——ErrorPage/                    --ErrorPage
                                    |  |  |    |——EventPage/                    --EventPage
                                    |  |  |    |——EventPageSingle/                    --EventPageSingle
                                    |  |  |    |——ForgotPassword/                    --ForgotPassword
                                    |  |  |    |——HomePage/                    --Home Page
                                    |  |  |    |——HomePage2/                    --Home Page2
                                    |  |  |    |——HomePage3/                    --Home Page3
                                    |  |  |    |——LoginPage/                    --Login Page
                                    |  |  |    |——SignUpPage/                    --SignUp Page
                                    |  |  |    |——volunteerPage/                    --volunteerPage
                                    |  |  |——images/                        --all static images 
                                    |  |  |——tests/                         --test file
                                    |  |  |——translations/                  --all translation file (en,fr, etc)
                                    |  |  |——utils/                         --all statick data and common js
                                    |  |  |——app.js
                                    |  |  |——styles.js
                                    |  |  |——index.html
                                    |  |  |——.env                       
                                    |  |——package.json
                                    |  |——package-lock.json