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

Crocs
- public
  - api
    - bookmark.json
    - chatMember.json
    - chats.json
  - assets
    - audio
      - horse.ogg
    - fonts
      - calendar
      - feather
      - flag-icon
      - font-awesome
      - ico
      - summernote
      - themify
    - images
      - appointment
      - avtar
      - banner
      - big-lightgallry
      - big-masonry
      - blog
      - calender
      - checkout
      - dashboard
      - dashboard-2
      - ecommerce
      - email
      - email-template
      - faq
      - job-search
      - knowledgebase
      - landing
      - lightgallry
      - login
      - logo
      - masonry
      - notification
      - other-images
      - product
      - range-slider
      - slider
      - slider-auto-width
      - social-app
      - svg-icon
      - tree
      - user
      - user-card
      - details_open.png
      - Dunzo-logo1.png
      - favicon.png
      - hour.svg
      - js-grid.png
      - min.svg
      - sec.svg
      - settings.png
      - smiley.png
      - sort_asc.png
      - sort_asc_disabled.png
      - sort_both.png
      - sort_desc.png
      - sort_desc_disabled.png
      - user.jpg
    - scss
      - base
        
        _reset.scss
        
        _typography.scss
      - components
        
        _according.scss
        
        _alert.scss
        
        _avatars.scss
        
        _badge.scss
        
        _bookmark.scss
        
        _breadcrumb.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_3.scss
        
        _dashboard_default.scss
        
        _ecommerce.scss
        
        _email-application.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
        
        _timeliny.scss
        
        _user-profile.scss
        
        _wishlist.scss
      - template
        
        _dark-sidebar.scss
        
        _dark.scss
        
        _responsive.scss
        
        _theme-customizer.scss
        
        _update.scss
      - utils
        
        _variables.scss
      - vendors
        
        animate.scss
        
        aos.scss
        
        bootstrap.scss
        
        calendar.scss
        
        chartist.scss
        
        datatable-extension.scss
        
        datatables.scss
        
        date-picker.scss
        
        daterange-picker.scss
        
        dropzone.scss
        
        echart.scss
        
        feather-icon.scss
        
        flag-icon.css
        
        icofont.scss
        
        image-cropper.scss
        
        jkanban.scss
        
        mapsjs-ui.scss
        
        owlcarousel.scss
        
        photoswipe.scss
        
        prism.scss
        
        range-slider.scss
        
        rating.scss
        
        scrollable.scss
        
        scrollbar.scss
        
        select2.scss
        
        simple-mde.scss
        
        sticky.scss
        
        summernote.scss
        
        svg-icon.scss
        
        sweetalert2.scss
        
        themify.scss
        
        timepicker.scss
        
        todo.scss
        
        tour.scss
        
        tree.scss
        
        vector-map.scss
        
        whether-icon.scss
        
        animate
        
        _animate.scss
        
        aos
        
        _animations.scss
        
        _core.scss
        
        _easing.scss
        
        bootstrap
        
        calendar
        
        _default.scss
        
        _icon.scss
        
        _tui-calendar.scss
        
        _tui-date-picker.scss
        
        _tui-time-picker.scss
        
        chartist
        
        _chartist-settings.scss
        
        _chartist.scss
        
        data-table
        
        datatable-extension
        
        date-picker
        
        daterange-picker
        
        date-time-picker
        
        dropzone
        
        echart
        
        _reset.scss
        
        feather-icon
        
        _feather-icon.scss
        
        flag-icon
        
        _flag-icon-base.scss
        
        _flag-icon-list.scss
        
        _flag-icon-more.scss
        
        icoicon
        
        _icons.scss
        
        image-cropper
        
        _cropper-custom.scss
        
        _cropper-main.scss
        
        jsgrid
        
        _jsgrid.scss
        
        _jsgrid-theme.scss
        
        owltheme
        
        photoswipe
        
        _photoswipe.scss
        
        _photoswipe-default.scss
        
        prism
        
        _prism.scss
        
        range-slider
        
        _ion.modernskinRangeslider.scss
        
        _ion.rangeSlider.scss
        
        rating
        
        scrollable
        
        _scrollable.scss
        
        scrollbar
        
        _simplebar.scss
        
        select2
        
        simple-mde
        
        _elements.scss
        
        _simplemde.scss
        
        sticky
        
        _sticky.scss
        
        summernote
        
        _elements.scss
        
        _fonts.scss
        
        _summernote-bs4.scss
        
        svg-icon
        
        _svg-icon.scss
        
        sweetalert2-master
        
        _animations.scss
        
        _mixins.scss
        
        _toasts.scss
        
        _variables.scss
        
        themify
        
        _core.scss
        
        _extras.scss
        
        _icons.scss
        
        _mixins.scss
        
        _path.scss
        
        _themify-icons.scss
        
        _variables.scss
        
        time-picker
        
        _timepicker.scss
        
        todo
        
        _todo.scss
        
        tour
        
        _tour.scss
        
        tree
        
        _tree-default.scss
        
        _tree.scss
        
        vector-map
        
        _vector-map.scss
        
        whether-icon
        
        _whether-icon.scss
    - video
      - auth-bg.mp4
  - index.html
- src
  - api
    - index.tsx
  - CommonElements
    - Alert
      - index.tsx
    - Headings
      - index.tsx
    - Breadcrumbs
      - index.tsx
    - CardHeaderCommon
      - CardHeaderCommon.tsx
  - Component
    - Authentication
      - Login.tsx
      - SocialApp.tsx
    - Ui Kits
      - Accordian
        
        index.tsx
      - Modal
        
        index.tsx
      - Progress
        
        index.tsx
    - Bonus Ui
      - BasicCard
        
        index.tsx
      - Image Cropper
        
        index.tsx
      - Treeview
        
        index.tsx
    - Dashboard
      - Default Dashboard
        
        index.tsx
      - Ecommerce Dashboard
        
        index.tsx
      - Project Dashboard
        
        index.tsx
    - Ecommerce
      - Product
        
        index.tsx
      - Cart
        
        index.tsx
      - whislist
        
        index.tsx
      - Invoice
        
        index.tsx
  - Data
    - Ui Kits
      - index.tsx
    - Bonus Ui
      - index.tsx
    - Ecommerce
      - index.tsx
  - Layout
    - Header
      - Header.tsx
    - Footer
      - Footer.tsx
    - SideBar
      - SideBar.tsx
    - ThemeCustomizer
      - ThemeCustomizer.tsx
    - Loader
      - Loader.tsx
    - Layout.tsx
  - Redux Toolkit
    - Reducers
      - BookmarkTabSlice.tsx
      - LayoutSlice.tsx
      - ThemeCustomizerSlice.tsx
    - Hooks.tsx
    - Store.tsx
  - Routes
    - AuthRoutes.tsx
    - index.tsx
    - LayoutRoutes.tsx
    - PrivetRoutes.tsx
    - Route.tsx
  - Type
    - CommonElementTypes.ts
    - LayoutType.ts
    - EcommerceType.ts
  - Utils
    - Constant.ts
    - helper
      - msToTime.tsx
- AbstractElements.tsx
- App.tsx
- index.tsx
- index.scss
package.json
package-lock.json