This is the project structure that you will get upon the download:
notus-react
.
βββ CHANGELOG.md
βββ ISSUE_TEMPLATE.md
βββ LICENSE.md
βββ README.md
βββ gulpfile.js
βββ jsconfig.json
βββ package.json
βββ public
βΒ Β βββ favicon.ico
βΒ Β βββ index.html
βΒ Β βββ manifest.json
βΒ Β βββ robots.txt
βββ src
βΒ Β βββ assets
βΒ Β βΒ Β βββ img
βΒ Β βΒ Β βΒ Β βββ all images are stored here
βΒ Β βΒ Β βββ styles
βΒ Β βΒ Β βββ index.css
βΒ Β βΒ Β βββ tailwind.css
βΒ Β βββ components
βΒ Β βΒ Β βββ Cards
βΒ Β βΒ Β βΒ Β βββ CardBarChart.js
βΒ Β βΒ Β βΒ Β βββ CardLineChart.js
βΒ Β βΒ Β βΒ Β βββ CardPageVisits.js
βΒ Β βΒ Β βΒ Β βββ CardProfile.js
βΒ Β βΒ Β βΒ Β βββ CardSettings.js
βΒ Β βΒ Β βΒ Β βββ CardSocialTraffic.js
βΒ Β βΒ Β βΒ Β βββ CardStats.js
βΒ Β βΒ Β βΒ Β βββ CardTable.js
βΒ Β βΒ Β βββ Dropdowns
βΒ Β βΒ Β βΒ Β βββ IndexDropdown.js
βΒ Β βΒ Β βΒ Β βββ NotificationDropdown.js
βΒ Β βΒ Β βΒ Β βββ PagesDropdown.js
βΒ Β βΒ Β βΒ Β βββ TableDropdown.js
βΒ Β βΒ Β βΒ Β βββ UserDropdown.js
βΒ Β βΒ Β βββ Footers
βΒ Β βΒ Β βΒ Β βββ Footer.js
βΒ Β βΒ Β βΒ Β βββ FooterAdmin.js
βΒ Β βΒ Β βΒ Β βββ FooterSmall.js
βΒ Β βΒ Β βββ Headers
βΒ Β βΒ Β βΒ Β βββ HeaderStats.js
βΒ Β βΒ Β βββ Maps
βΒ Β βΒ Β βΒ Β βββ MapExample.js
βΒ Β βΒ Β βββ Navbars
βΒ Β βΒ Β βΒ Β βββ AdminNavbar.js
βΒ Β βΒ Β βΒ Β βββ AuthNavbar.js
βΒ Β βΒ Β βΒ Β βββ IndexNavbar.js
βΒ Β βΒ Β βββ Sidebar
βΒ Β βΒ Β βββ Sidebar.js
βΒ Β βββ index.js
βΒ Β βββ layouts
βΒ Β βΒ Β βββ Admin.js
βΒ Β βΒ Β βββ Auth.js
βΒ Β βββ views
βΒ Β βββ Index.js
βΒ Β βββ admin
βΒ Β βΒ Β βββ all admin pages are found here (dashboard, teams etc)
βΒ Β βββ auth
βΒ Β βββ all auth pages are stored here (login, password reset etc)
βββ tailwind.config.js
Yarn package manager is used follow the steps below
yarn install
yarn build:tailwind (Optional)
yarn start
The tailwind CSS was compiled by Notus React so some classes may seem different. Read the documentation to view the custom classes
Whenever you add a new class you'll need to run yarn build:tailwind to load the new classes