- This React application is built using Vite.
- It uses Tailwind CSS
- The application is generated in TypeScript.
cd YOUR_APPLICATION
npm install
npm start
This file contains various environment variables that you can configure.
We have detected common components and have generated possible variants of it.To check the documentation of generated common components by integrating storybook, Please follow below steps.
npx storybook init
npm run storybook
.
├── package.json
├── postcss.config.js
├── vite.config.js
├── index.html
├── public
│ ├── assets
│ │ └── images --------- All Project Images
│ ├── favicon.ico
│ ├── manifest.json
│ └── robots.txt
├── README.md
├── src
│ ├── App.tsx
│ ├── assets
│ │ └── fonts ---------- Project fonts
│ ├── components --------- UI and Detected Common Components
│ ├── constants ---------- Project constants, eg: string consts
│ ├── hooks -------------- Helpful Hooks
│ ├── index.tsx
│ ├── pages -------------- All route pages
│ ├── Routes.tsx ---------- Routing
│ ├── styles
│ │ ├── index.css ------ Other Global Styles
│ │ └── tailwind.css --- Default Tailwind modules
│ └── util
│ └── index.tsx ------- Helpful utils
└── tailwind.config.js ----- Entire theme config, colors, fonts etc.
For the project to build, these files must exist with exact filenames:
index.html
is the page template;src/index.tsx
is the TypeScript entry point.
You may create subdirectories inside src.
In the project directory, you can run:
Runs the app in the development mode.
Open https://localhost:5173 to view it in the browser.
Launches the test runner in the interactive watch mode.
Builds the app for production to the build
folder.
Note: this is a one-way operation. Once you eject
, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject
at any time.
You can install any dependencies (for example, React Router) with npm
:
npm install --save react-router
Alternatively you may use yarn
:
yarn add react-router