Top

React Folder Structure

We have used the best folder structure. If you want check some images path and scss folder structure you can refer this page

  • Chatzy
    • public
      • api
        • chatmember.json
        • chats.json
      • assets
        • fonts
          • feather
          • themify
        • images
          • about
          • avtar
          • blog
          • contact
          • dashboard
          • disconnect
          • error
          • favicon
          • file_icons
          • gallery
          • chat.png
          • to-do.svg
          • Vector.jpg
        • scss
          • base
            • _reset.scss
            • _typography.scss
          • components
            • _according.scss
            • _buttons.scss
            • _call-list.scss
            • _call.scss
            • _dropdown.scss
            • _loader.scss
            • _msg.scss
            • _tabs.scss
            • _tootip.scss
            • _tour.scss
            • _uodate.scss
          • layout
            • _content.scss
            • _customizer.scss
            • _dark.scss
            • _forms.scss
            • _grid.scss
            • _login.scss
            • _login2.scss
            • _rtl.scss
            • _sidebar.scss
          • pages
            • _inner-pages-responsive.scss
            • _inner-pages.scss
            • _landing-page.scss
            • _landing-responsive.scss
            • _landing.scss
          • utils
            • _helpers.scss
            • _variables.scss
      • index.html
    • src
      • api
        • index.tsx
      • Component
        • Authentication
          • ForgetPassword
            • index.tsx
          • Login
            • index.tsx
          • SignInClassic
            • index.tsx
        • Blog
          • LeftSidebar
            • index.tsx
          • RightSidebar
            • index.tsx
          • SidebarDetails
            • index.tsx
        • Messenger
          • index.tsx
        • CommonComponents
          • Breadcrumb
            • index.tsx
          • SearchNotFound
            • index.tsx
          • TapTop
            • index.tsx
          • Footer
            • index.tsx
      • Data
        • Authentication
          • Authentication.tsx
        • Blog
          • Blog.tsx
        • Landing
          • Landing.tsx
      • Layout
        • index.tsx
        • Loader.tsx
      • Redux Toolkit
        • Reducers
          • AuthReducer.tsx
          • Layout.tsx
          • TemplateCustomizerReducer.tsx
        • Hooks.tsx
        • Store.tsx
      • Routes
        • AuthPaths.tsx
        • RedirectRoute.tsx
        • Route.tsx
        • RouteList.tsx
        • Routers.tsx
      • Type
        • CommonComponentType.ts
        • MessengerType.ts
      • Utils
        • index.tsx
    • App.tsx
    • index.tsx
    • index.scss
  • package.json