Chatzy - React Document

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