React - Zono 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

Zono
- public
  - json-data
    - products.json
    - chats.json
  - assets
    - audio
      - horse.ogg
    - fonts
      - flag-icon
      - font-awesome
      - ico
      - themify
    - images
      - alert
      - avtar
      - banner
      - big-lightgallry
      - big-masonry
      - blog
      - dashboard-1
      - dashboard-2
      - ecommerce
      - email
      - email-template
      - faq
      - job-search
      - knowledgebase
      - landing
      - lightgallry
      - login
      - logo
      - masonry
      - other-images
      - product
      - range-slider
      - slider
      - social-app
      - svg-icon
      - tree
      - user
      - favicon.png
      - js-grid.png
      - profile.png
      - sort_asc_disabled.png
      - sort_asc.png
      - sort_both.png
      - sort_desc_disabled.png
      - sort_desc.png
      - start-conversion.jpg
    - scss
      - base
        
        _reset.scss
        
        _typography.scss
      - components
        
        _according.scss
        
        _alert.scss
        
        _avatars.scss
        
        _badge.scss
        
        _bookmark.scss
        
        _breadcrumb.scss
        
        _builders.scss
        
        _buttons.scss
        
        _card.scss
        
        _color.scss
        
        _datatable.scss
        
        _datepicker.scss
        
        _dropdown.scss
        
        _form-input.scss
        
        _form-wizard.scss
        
        _forms.scss
        
        _icons.scss
        
        _list.scss
        
        _loader.scss
        
        _popover.scss
        
        _print.scss
        
        _radio.scss
        
        _ribbon.scss
        
        _scrollbar.scss
        
        _switch.scss
        
        _tab.scss
        
        _table.scss
        
        _touchspin.scss
        
        _tour.scss
        
        _tree.scss
        
        _typeahead-search.scss
      - layout
        
        _box-layout.scss
        
        _footer.scss
        
        _grid.scss
        
        _header.scss
        
        _navs.scss
        
        _rtl.scss
        
        _search.scss
        
        _select2.scss
        
        _sidebar.scss
      - pages
        
        _blog.scss
        
        _bookmark-app.scss
        
        _cart.scss
        
        _chart.scss
        
        _chat.scss
        
        _checkout.scss
        
        _comingsoon.scss
        
        _contacts.scss
        
        _dashboard_2.scss
        
        _dashboard_default.scss
        
        _ecommerce.scss
        
        _errorpage.scss
        
        _faq.scss
        
        _file.scss
        
        _gallery.scss
        
        _internationalization.scss
        
        _job-search.scss
        
        _jsgrid.scss
        
        _kanban.scss
        
        _knowledgebase.scss
        
        _landing.scss
        
        _language.scss
        
        _learning.scss
        
        _login.scss
        
        _megaoption.scss
        
        _order-history.scss
        
        _page.scss
        
        _pricing.scss
        
        _progress.scss
        
        _projectlist.scss
        
        _social-app.scss
        
        _task.scss
        
        _timeline-v.scss
        
        _timeline.scss
        
        _user-profile.scss
        
        _wishlist.scss
      - template
        
        _dark-sidebar.scss
        
        _dark.scss
        
        _responsive.scss
        
        _theme-customizer.scss
        
        _update.scss
      - utils
        
        _variables.scss
      - vendors
        
        feather-icon.scss
        
        flag-icon.css
        
        icons.scss
        
        whether-icon.scss
    - video
      - auth-bg.mp4
  - index.html
- src
  - jsonData
    - index.tsx
  - components
    - uiKits
      - accordion
        
        index.tsx
      - modal
        
        index.tsx
      - progress
        
        index.tsx
    - bonusUi
      - basicCard
        
        index.tsx
      - imageCropper
        
        index.tsx
      - treeview
        
        index.tsx
    - general
      - dashboard
        
        default
        
        index.tsx
        
        eCommerce
        
        index.tsx
    - applications
      - eCommerce
        
        product
        
        index.tsx
        
        cart
        
        index.tsx
        
        wishList
        
        index.tsx
  - data
    - uiKits
      - Accordion.tsx
    - bonusUi
      - BasicCard.tsx
    - applications
      - ECommerce.tsx
  - layout
    - header
      - index.tsx
    - Footer.tsx
    - sidebar
      - index.tsx
  - reduxToolkit
    - reducers
      - bookmarkTabsSlice.ts
      - chatSlice.ts
    - hooks.ts
    - store.ts
  - routers
    - AppRoutes.tsx
    - PrivateRoute.tsx
    - RouteRedirect.tsx
    - RouterProvider.tsx
    - routes.ts
  - types
    - Applications.ts
    - BonusUi.ts
    - Component.ts
  - utils
    - ecommerce.ts
    - index.ts
- App.tsx
- i18.tsx
- index.scss
- index.tsx
package.json