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

  • Yuri
    • 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.png
        • 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
        • video
          • auth-bg.mp4
      • index.html
      • logo192.png
      • logo512.png
      • manifest.json
    • src
      • api
        • index.tsx
      • Auth
        • index.tsx
        • SignInForm.tsx
      • CommonElements
        • Alert
          • index.tsx
        • Headings
          • index.tsx
        • Breadcrumbs
          • index.tsx
      • Component
        • UiKits
          • Accordian
            • index.tsx
          • Modal
            • index.tsx
          • Progress
            • index.tsx
        • BonusUi
          • BasicCard
            • index.tsx
          • Image Cropper
            • index.tsx
          • Treeview
            • index.tsx
        • Dashboard
          • DefaultDashboard
            • index.tsx
          • EcommerceDashboard
            • index.tsx
        • Ecommerce
          • Product
            • index.tsx
          • Cart
            • index.tsx
          • whislist
            • index.tsx
          • Invoice
            • index.tsx
      • Data
        • UiKits
          • Accordion.tsx
          • Alert.tsx
        • BonusUi
          • BasicCard.tsx
          • CreativeCard.tsx
        • Applications
          • LetterBox.tsx
      • Layout
        • SidebarMenuList.tsx
        • ThemeCustomizer.tsx
      • ReduxToolkit
        • Reducers
          • BookmarkReducer.tsx
          • LetterBoxReducer.tsx
          • ChatReducer.tsx
        • Store.tsx
      • Routes
        • AuthPaths.tsx
        • AuthRoutes.tsx
        • index.tsx
        • LayoutRoutes.tsx
        • PrivetRoutes.tsx
        • Route.tsx
      • Type
        • CommonComponent.type.ts
        • Layout.type.ts
        • Forms.type.ts
      • Utils
        • index.tsx
        • Constnts
          • index.tsx
        • Common Components
          • CommonCardHeader.tsx
          • DropdownCommon.tsx
    • AbstractElements.tsx
    • App.tsx
    • index.tsx
    • index.scss
  • package.json
  • package-lock.json