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

  • public
    • api
      • chatMember.json
      • chats.json
    • assets
      • audio
        • horse.ogg
      • fonts
        • calendar
        • feather
        • flag-icon
        • font-awesome
        • ico
        • summernote
        • themify
      • images
        • alert
        • 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
        • theme
          • _custom.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
        • app.scss
        • responsive.scss
        • style.scss
      • svg
        • icon-sprite.svg
        • landing-icons.svg
      • video
        • auth-bg.mp4
    • index.html
  • src
    • Api
      • index.tsx
    • CommonElements
      • Alert
        • index.tsx
      • Badge
        • index.tsx
      • Breadcrumbs
        • Breadcrumbs.tsx
      • Button
        • index.tsx
      • CommonCardHeader
        • CardHeaderCommon.tsx
        • CardHeaderDropdown.tsx
        • CommonCardHeader.tsx
      • FeatherIcon
        • FeatherIcons.tsx
      • Headings
        • H1Element.tsx
        • H2Element.tsx
        • H3Element.tsx
        • H4Element.tsx
        • H5Element.tsx
        • H6Element.tsx
      • ListGroup
        • ListItem.tsx
        • OrderedList.tsx
        • UnorderedList.tsx
      • Media
        • index.tsx
      • Paragraph
        • index.tsx
      • Popover
        • index.tsx
      • Progressbar
        • index.tsx
      • SVG
        • index.tsx
        • SvgIcon.tsx
      • Tooltip
        • index.tsx
    • Config
      • ThemeConfig.tsx
    • Data
      • Bonus Ui
        • BasicCard
          • BasicCard.tsx
        • ImageCropper
          • ImageCropper.tsx
        • Treeview
          • Treeview.tsx
        • OwlCarousel
          • OwlCarousel.tsx
        • CreativeCard
          • CreativeCard.tsx
        • Pagination
          • Pagination.tsx
        • Ribbons
          • Ribbons.tsx
        • Scrollable
          • Scrollable.tsx
        • TimeLine
          • TimeLine.tsx
      • Ui Kits
        • Typography
          • Typography.tsx
        • Avtar
          • Avtar.tsx
        • HelperClasses
          • HelperClassesData.tsx
        • Grid
          • GridData.tsx
        • TagAndPills
          • TagAndPills.tsx
        • Progress
          • Progress.tsx
        • Modal
          • Modal.tsx
        • Alert
          • AlertData.tsx
        • Popover
          • Popover.tsx
        • Tooltip
          • Tooltip.tsx
        • Dropdown
          • Dropdown.tsx
        • Accordion
          • Accordion.tsx
        • BootstrapTabs
          • BootstrapTabs.tsx
        • Lists
          • Lists.tsx
      • Dashboard
        • CryptoDashboard
          • CryptoDashboard.tsx
        • DashboardCharts
          • DashboardCharts.tsx
        • EcommerceDashboard
          • EcommerceDashboard.tsx
      • Forms
        • FormsControl
          • BaseInput
            • BaseInput.tsx
          • FormsValidation
            • FormsValidation.tsx
          • InputGroup
            • InputGroup.tsx
          • InputMask
            • InputMask.tsx
          • MegaOption
            • MegaOption.tsx
          • RadioCheckbox
            • RadioCheckbox.tsx
        • FormsLayout
          • FormsWizardTwo
            • FormsWizardTwo.tsx
          • FormWizardOne
            • FormWizardOne.tsx
          • TwoFactor
            • TwoFactor.tsx
        • FormWidgets
          • Switch
            • Switch.tsx
          • Touchspin
            • Touchspin.tsx
          • Typeahead
            • Typeahead.tsx
      • Icons
        • FeatherIconData.tsx
        • FlagIconsData.tsx
        • FontAwesomeData.tsx
        • ICOIconData.tsx
        • ThemifyIconsData.tsx
        • weatherIconData.tsx
      • Layout
        • HeaderData.tsx
        • LanguageData.ts
        • Sidebar.tsx
        • ThemeCustomizerData.tsx
      • Widgets
        • ChartsData.tsx
        • GeneralWidgetsData.tsx
        • WidgetsChartData.tsx
    • Layout
      • Header
        • CloseButton
          • CloseButton.tsx
        • MainHeader
          • DarkMode
            • DarkMode.tsx
          • HeaderBookmark
            • BookmarkBack.tsx
            • BookmarkBox.tsx
            • HeaderBookmark.tsx
          • HeaderCart
            • CartBox.tsx
            • HeaderCart.tsx
          • Language
            • Language.tsx
          • MessagesHeader
            • MessagesBox.tsx
            • MessagesHeader.tsx
          • NotificationHeader
            • ActivityUpdate.tsx
            • NotificationHeader.tsx
          • UserProfile
            • UserProfile.tsx
            • UserProfileIcons.tsx
          • ZoomInOut
            • ZoomInOut.tsx
          • MainHeader.tsx
          • ResponsiveSearch.tsx
          • ResponsiveSearchList.tsx
          • SearchInput.tsx
          • SearchSuggestionList.tsx
        • Header.tsx
      • Footer
        • Footer.tsx
      • Loader
        • Loader.tsx
      • TapTop
        • TapTop.tsx
      • SideBar
        • LogoWrapper.tsx
        • Menulist.tsx
        • Sidebar.tsx
        • SidebarMenuList.tsx
      • ThemeCustomizer
        • NavCustomizer
          • NavCustomizer.tsx
          • NavLinks.tsx
        • TabCustomizer
          • ColorComponent
            • ColorComponent.tsx
          • ColorDarkLayout
            • ColorDarkLayout.tsx
          • ColorLightLayout
            • ColorLightLayout.tsx
          • LayoutType
            • LayoutType.tsx
          • MixLayoutComponent
            • BgDark.tsx
            • BgLight.tsx
            • LightOnly.tsx
            • MixLayoutComponent.tsx
          • SidebarIconType
            • FillIcon.tsx
            • SidebarIconType.tsx
            • StrokeIcon.tsx
          • SidebarType
            • Horizontal.tsx
            • SidebarType.tsx
            • Vertical.tsx
          • CommonUL.tsx
          • SidebarCustomizer.tsx
          • TabCustomizer.tsx
          • TabHeader.tsx
        • ConfigurationClass.tsx
        • ThemeCustomizer.tsx
      • Layout.tsx
    • Pages
      • Application
        • Bookmark
          • Bookmark.tsx
        • Calender
          • Calender.tsx
        • Chat
          • Chat.tsx
        • Contact
          • Contact.tsx
        • Ecommerce
          • Ecommerce.tsx
        • LetterBox
          • LetterBox.tsx
        • FlieManager
          • FlieManager.tsx
        • Project
          • ProjectCreate
            • ProjectCreate.tsx
          • ProjectList
            • ProjectList.tsx
        • SearchResult
          • SearchResult.tsx
        • SocialApp
          • SocialApp.tsx
        • Tasks
          • Tasks.tsx
        • Todo
          • Todo.tsx
        • User
          • EditProfile
            • EditProfile.tsx
          • UserCards
            • UserCards.tsx
          • UsersProfile
            • UsersProfile.tsx
      • Bonus Ui
        • BasicCard
          • BasicCard.tsx
        • Breadcrumb
          • Breadcrumb.tsx
        • CreativeCard
          • CreativeCard.tsx
        • Dropzone
          • Dropzone.tsx
        • ImageCropper
          • ImageCropper.tsx
        • OwlCarousel
          • OwlCarousel.tsx
        • Paginations
          • Paginations.tsx
        • RangeSlider
          • RangeSlider.tsx
        • Rating
          • Rating.tsx
      • Dashboard
        • Crypto
          • Crypto.tsx
        • Ecommerce
          • Ecommerce.tsx
      • Forms
        • FormsControl
          • BaseInput
            • BaseInput.tsx
          • FormsValidation
            • FormsValidation.tsx
          • InputGroup
            • InputGroup.tsx
          • InputMask
            • InputMask.tsx
          • MegaOption
            • MegaOption.tsx
          • RadioCheckbox
            • RadioCheckbox.tsx
        • FormsLayout
          • FormsWizardTwo
            • FormsWizardTwo.tsx
          • FormWizardOne
            • FormWizardOne.tsx
          • TwoFactor
            • TwoFactor.tsx
        • FormWidgets
          • ClipBoard
            • ClipBoard.tsx
          • DatePicker
            • DatePicker.tsx
          • Switch
            • Switch.tsx
          • Touchspin
            • Touchspin.tsx
          • Typeahead
            • Typeahead.tsx
      • Icons
        • FeatherIcons.tsx
        • FlagIcons.tsx
        • FontAwesomeIcons.tsx
        • ICOIcon.tsx
        • ThemifyIcon.tsx
        • WhetherIcon.tsx
      • MISCELLANEOUS
        • Blog
          • AddPost
            • AddPost.tsx
          • BlogDetails
            • BlogDetails.tsx
          • BlogSingle
            • BlogSingle.tsx
        • FAQ
          • FAQ.tsx
        • Gallery
          • GalleryGrid
            • GalleryGrid.tsx
          • GalleryGridDesc
            • GalleryGridDesc.tsx
          • HoverEffect
            • HoverEffect.tsx
          • MasonryGallery
            • MasonryGallery.tsx
          • MasonryImageDesc
            • MasonryImageDesc.tsx
        • JobSearch
          • CardView
            • CardView.tsx
          • JobApply
            • JobApply.tsx
          • JobDetails
            • JobDetails.tsx
          • ListView
            • ListView.tsx
        • Knowledgebase
          • Knowledgebase.tsx
        • Learning
          • DetailsCourse
            • DetailsCourse.tsx
          • LearningList
            • LearningList.tsx
      • OtherPages
        • ComingSoon
          • ComingSoonSimple
            • ComingSoonSimple.tsx
          • ComingSoonWithBgImage
            • ComingSoonWithBgImage.tsx
          • ComingWithBgVideo
            • ComingWithBgVideo.tsx
        • Error
          • Error400
            • Error400.tsx
          • Error401
            • Error401.tsx
          • Error403
            • Error403.tsx
          • Error500
            • Error500.tsx
          • Error401
            • Error401.tsx
          • Error503
            • Error503.tsx
        • Authentication
          • LoginSimple
            • LoginSimple.tsx
          • RegisterSimple
            • RegisterSimple.tsx
          • LoginWithTooltip
            • LoginWithTooltip.tsx
          • ResetPassword
            • ResetPassword.tsx
          • ForgetPassword
            • ForgetPassword.tsx
      • Tables
        • DataTables
          • AdvanceInit
            • AdvanceInit.tsx
          • APIDataTables
            • APIDataTables.tsx
          • BasicInt
            • BasicInt.tsx
          • DataSources
            • DataSources.tsx
        • ReactStrapTables
          • BasicTables
            • BasicTables.tsx
          • TableComponent
            • TableComponent.tsx
      • Ui Kits
        • Typography.tsx
        • Avatars.tsx
        • HelperClasses.tsx
        • Grid.tsx
        • TagPills.tsx
        • Progress.tsx
        • Modal.tsx
        • Alert.tsx
        • Popover.tsx
        • Tooltip.tsx
        • Dropdown.tsx
        • Accordion.tsx
        • BootstrapTabs.tsx
        • Lists.tsx
      • Widgets
        • Chart
          • Chart.tsx
        • General
          • General.tsx
    • ReduxToolkit
      • Reducers
        • BookmarkHeaderSlice.tsx
        • LayoutSlice.tsx
        • ThemeCustomizerSlice.tsx
      • Hooks.tsx
      • Store.ts
    • Routes
      • AuthRoutes.tsx
      • index.tsx
      • LayoutRoute.tsx
      • PrivetRoute.tsx
      • Routes.tsx
    • Services
      • Ecommerce.service.tsx
      • index.tsx
    • Type
      • Application
        • Bookmark
          • Bookmark.tsx
        • Chat
          • ChatTypes.tsx
          • VideoChatTypes.tsx
        • Contact
          • Contact.tsx
        • Ecommerce
          • AddProduct.tsx
          • Ecommerce.tsx
          • OrderHistory.tsx
          • PaymentDetails.tsx
          • Product.tsx
        • LetterBox
          • LetterBox.tsx
        • FlieManager
          • FlieManager.tsx
        • SearchResult
          • SearchResult.tsx
        • SocialApp
          • SocialApp.tsx
        • Tasks
          • Tasks.tsx
        • Todo
          • Todo.tsx
      • BonusUi
        • BonusUiTypes.tsx
        • TreeView.tsx
      • Dashboard
        • CryptoDashboardType.tsx
        • EcommerceType.tsx
      • Buttons
        • ButtonsType.tsx
    • utils
      • helper
        • msToTime.tsx
      • Constant.tsx
    • AbstractElements.tsx
    • App.tsx
    • i18n.tsx
    • index.tsx
    • setupTests.tsx
    • index.scss
  • package.json
  • tsconfig.json