https://github.com/zafar-saleem/dashboard
https://github.com/zafar-saleem/dashboard
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/zafar-saleem/dashboard
- Owner: zafar-saleem
- Created: 2024-02-24T05:38:38.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-26T01:19:33.000Z (over 1 year ago)
- Last Synced: 2025-01-01T03:27:42.394Z (10 months ago)
- Language: CSS
- Homepage: https://dashboard-zafars.vercel.app
- Size: 141 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**Disclaimers**
I decided to choose a different figma design as because the design given in the task description is only an image whereas I needed a figma, sketch or psd design and also in the task it was clearly mentioned in the task is `Please use your own design or template (no specific asset, feel free to use any that relates)`. Below is the link to figma design I choose for this task.
https://www.figma.com/file/H17zwRaeqDK6DEMRUxEpjc/Dashboard-(Community)?type=design&node-id=0-1&mode=design&t=YfibPhDcXjXJG6EU-0
## Technological Stack
1. Nextjs
2. Reactjs
3. husky
4. commitlint
5. Typescript
6. Atomic Design Principle
7. CSS
8. HTML
Styles contains all of the global styles and variables such as `palettes`, `typography`, `gutters` i.e. `spacing` & `gaps` & `vars` etc. I decided this approach to make it developer friendly & leave less amount of technical debt.
## How to run
To install dependencies use below commands.
```bash
cd dashboard
yarn
```
To run locally.
```bash
cd dashboard
yarn dev
```
To build
```bash
cd dashboard
yarn build
```
To run lint
```bash
cd dashboard
yarn lint
```
## Live demo
https://dashboard-gilt-seven.vercel.app/