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

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
      - feather-icon.scss
      - flag-icon.css
      - icofont.scss
      - themify.scss
      - todo.scss
      - whether-icon.scss
      - feather-icon
        
        _feather-icon.scss
      - flag-icon
        
        _flag-icon-base.scss
        
        _flag-icon-list.scss
        
        _flag-icon-more.scss
      - icoicon
        
        _icons.scss
      - themify
        
        _core.scss
        
        _extras.scss
        
        _icons.scss
        
        _mixins.scss
        
        _path.scss
        
        _themify-icons.scss
        
        _variables.scss
      - todo
        
        _todo.scss
      - whether-icon
        
        _whether-icon.scss
  - video
    - auth-bg.mp4
  - app.scss
  - color-2.scss
  - color-3.scss
  - color-4.scss
  - color-5.scss
  - color-6.scss
  - responsive.scss
  - style.scss
- index.html
src
- Api
  - index.tsx
- Common
  - CardHeaderDropDown.tsx
  - CommonHeader.tsx
- CommonElements
  - BonusUi
    - CommonProfileHead.tsx
    - CommonRibbons.tsx
  - Breadcrumbs
    - Breadcrumbs.tsx
  - Footer
    - CommonCardFooter.tsx
  - Headings
    - H1Element.tsx
    - H2Element.tsx
    - H3Element.tsx
    - H4Element.tsx
    - H5Element.tsx
    - H6Element.tsx
  - ListGroup
    - ListItem.tsx
    - UnorderedList.tsx
  - Media
    - index.tsx
  - Paragraph
    - index.tsx
  - SocialApp
    - HeaderWithIcon.tsx
  - SquareGroup
    - SquareGroup.tsx
  - Ui-kits
    - CommonModal.tsx
    - DropdownCommon.tsx
  - HeaderWithIcon.tsx
- Config
  - ThemeConfig.tsx
- Data
  - Bonus Ui
    - BasicCard
      - BasicCard.tsx
    - ImageCropper
      - ImageCropper.tsx
    - Treeview
      - Treeview.tsx
    - CarouselData
      - CarouselData.tsx
    - CreativeCardData
      - CreativeCardData.tsx
    - PaginationData
      - PaginationData.tsx
    - RibbonsData
      - RibbonsData.tsx
    - ScrollableData
      - ScrollableData.tsx
    - TimeLineData
      - TimeLineData.tsx
  - Ui Kits
    - Typography
      - Typography.tsx
    - Avatars
      - Avatars.tsx
    - HelperClasses
      - HelperClasses.tsx
    - Grid
      - Grid.tsx
    - TagPills
      - TagPills.tsx
    - Progress
      - Progress.tsx
    - Modal
      - Modal.tsx
    - Alert
      - Alert.tsx
    - Popover
      - Popover.tsx
    - Tooltip
      - Tooltip.tsx
    - Dropdown
      - Dropdown.tsx
    - Accordion
      - Accordion.tsx
    - BootstrapTabs
      - BootstrapTabs.tsx
    - Lists
      - Lists.tsx
  - Dashboard
    - CRM
      - CRM.tsx
    - ShoppingPlace
      - ShoppingPlace.tsx
  - Forms
    - FormsControl
      - FormsControl.tsx
    - FormsLayout
      - FormsLayout.tsx
    - FormWidgets
      - FormWidgets.tsx
  - Icons
    - FormsControl
      - FeatherIconData.tsx
      - FlagIconsData.tsx
      - FontAwesomeData.tsx
      - ICOIconData.tsx
      - ThemifyIconsData.tsx
      - weatherIconData.tsx
  - Layout
    - Header
      - CartData.tsx
      - LanguageData.tsx
    - Sidebar
      - Menu.tsx
      - SidebarTypes.tsx
    - ThemeCustomizer
      - ThemeCustomizerData.tsx
  - Widgets
    - Chart
      - Chart.tsx
      - WidgetsChart.tsx
    - General
      - General.tsx
      - GeneralCharts.tsx
- Layout
  - Header
    - Header.tsx
  - Footer
    - Footer.tsx
  - SideBar
    - HorizontalSideBar
      - HorizontalSideBar.tsx
    - VerticalSideBar
      - VerticalSideBar.tsx
  - Layout.tsx
  - Loader.tsx
- Pages
  - Apps
    - Bookmark
      - Bookmark.tsx
    - Calender
      - Calender.tsx
    - Chat
      - Chat.tsx
    - Contact
      - Contact.tsx
    - Ecommerce
      - Ecommerce.tsx
    - Email
      - Email.tsx
    - FlieManager
      - FlieManager.tsx
    - Project
      - Project.tsx
    - SearchResult
      - SearchResult.tsx
    - SocialApp
      - SocialApp.tsx
    - Tasks
      - Tasks.tsx
    - Todo
      - Todo.tsx
    - User
      - User.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
    - CRMDashboard
      - CRMDashboard.tsx
    - ShoppingPlace
      - ShoppingPlace.tsx
  - Forms
    - FormsControl
      - FormsControl.tsx
    - FormsLayout
      - FormsLayout.tsx
    - FormWidgets
      - FormWidgets.tsx
  - Icons
    - FeatherIcons
      - FeatherIcons.tsx
    - FlagIcons
      - FlagIcons.tsx
    - FontAwesomeIcons
      - FontAwesomeIcons.tsx
    - ICOIcon
      - ICOIcon.tsx
    - ThemifyIcon
      - ThemifyIcon.tsx
    - WhetherIcon
      - WhetherIcon.tsx
  - MISCELLANEOUS
    - Blog
      - Blog.tsx
    - FAQ
      - FAQ.tsx
    - Gallery
      - Gallery.tsx
    - JobSearch
      - JobSearch.tsx
    - Knowledgebase
      - Knowledgebase.tsx
    - Learning
      - Learning.tsx
  - Others
    - Error
      - Error400.tsx
      - Error401.tsx
      - Error403.tsx
      - Error500.tsx
      - Error401.tsx
      - Error503.tsx
    - Authentication
      - Login.tsx
      - LoginTooltip.tsx
      - RegisterLogin.tsx
  - Tables
    - DataTables
      - AdvanceInit.tsx
      - APIDataTables.tsx
      - BasicInt.tsx
      - DataSources.tsx
    - ReactStrapTables
      - BasicTables.tsx
      - TableComponent.tsx
  - Ui Kits
    - Typography
      - Typography.tsx
    - Avatars
      - Avatars.tsx
    - HelperClasses
      - HelperClasses.tsx
    - Grid
      - Grid.tsx
    - TagPills
      - TagPills.tsx
    - Progress
      - Progress.tsx
    - Modal
      - Modal.tsx
    - Alert
      - Alert.tsx
    - Popover
      - Popover.tsx
    - Tooltip
      - Tooltip.tsx
    - Dropdown
      - Dropdown.tsx
    - Accordion
      - Accordion.tsx
    - BootstrapTabs
      - BootstrapTabs.tsx
    - Lists
      - Lists.tsx
  - Widgets
    - Chart
      - Chart.tsx
    - General
      - General.tsx
- Constant
  - index.tsx
- Redux
  - 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
- i18n.tsx
- index.tsx
package.json
tsconfig.json