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

  • Edmin
    • 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
          • button_builder
          • 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
          • ajax-loader
          • favicon.png
          • js-grid.png
          • marker-icon-2x.png
          • marker-icon.png
          • marker-shadow.png
          • profile.png
          • search-not-found.png
          • smiley.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-builder.scss
            • _form-input.scss
            • _form-wizard.scss
            • _forms.scss
            • _form_builder-2.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
            • _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
            • button-builder.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
            • page-builder.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
            • button-builder
              • _button-builder.scss
              • _button-builder-colorpicker.scss
            • 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
            • page-builder
              • _page-builder.scss
            • 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
      • Component
        • 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
        • 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
          • index.tsx
        • Footer
          • index.tsx
        • SideBar
          • Horizontal SideBar
            • index.tsx
          • Vertical SideBar
            • index.tsx
        • Layout.tsx
        • Loader.tsx
      • Redux Toolkit
        • Reducers
          • BookmarkSlice.tsx
          • LayoutSlice.tsx
          • ThemeCustomizer.tsx
        • Hooks.tsx
        • Store.ts
      • Routes
        • AuthRoutes.tsx
        • index.tsx
        • LayoutRoute.tsx
        • PrivetRoute.tsx
        • Routes.tsx
      • Services
        • ActiveNavBarUrl.tsx
        • DynamicImage.tsx
        • Ecommerce.service.tsx
      • Type
        • BokmarkType
        • CustomizerType
        • EcommerceType
  • AbstractElements.tsx
  • App.tsx
  • i18.tsx
  • index.scss
  • package.json
  • package-lock.json