This project is a static custom dashboard built using Vite, React, Typescript, Tailwind, and Shadcn. The dashboard features a sidebar with stats analytics displayed in charts, tables, and stat cards.
- If you prefer to access the dashboard directly, you can view it at Hosted URL
This project initially started by cloning the template from imohib168/react-vite-boilerplate.
The project follows a feature-based architecture. This means that the codebase is organized by features, with each feature having its own directory containing all the related components, styles, and logic.
- Node.js (version 16 or higher)
- Yarn or npm package manager
- A code editor or IDE (e.g., Visual Studio Code)
-
Clone the repository
Use the command to clone the project repository to your local machine:
- SSH:
git clone [email protected]:imohib168/argon.git
- HTTPS:
git clone https://github.com/imohib168/argon.git
- SSH:
-
Install dependencies
Navigate to the project directory and run
yarn install
ornpm install
to install the required dependencies. -
Setup environment
No additional environment setup is required.
-
Start the development server
Run
yarn dev
ornpm run dev
to start the Vite development server. -
Access the dashboard
Open a web browser and navigate to http://localhost:3000 to access the custom dashboard.
- If you encounter any issues during installation or running the application, please check the console logs for error messages.
- If you are unable to access the dashboard, ensure that the development server is running and the URL is correct.
- The project uses Typescript, so ensure that your code editor or IDE is configured to support Typescript.
- The project uses Tailwind CSS for styling, and Shadcn for components.
- The dashboard is a static build, and no backend server is required.