https://github.com/sonjoydatta/freddys-dashboard
A simple dashboard implementation with token, refresh token, bar chart, list items, pagination and search with debouncing.
https://github.com/sonjoydatta/freddys-dashboard
authentication authorization react styled-components typescript vite
Last synced: 2 months ago
JSON representation
A simple dashboard implementation with token, refresh token, bar chart, list items, pagination and search with debouncing.
- Host: GitHub
- URL: https://github.com/sonjoydatta/freddys-dashboard
- Owner: sonjoydatta
- Created: 2022-03-31T13:29:41.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-01T08:23:33.000Z (about 4 years ago)
- Last Synced: 2025-01-22T05:28:40.945Z (over 1 year ago)
- Topics: authentication, authorization, react, styled-components, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 303 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Freddys Dashboard
## Features
1. Configured with Vite. Vite pre-bundles dependencies using esbuild. Esbuild is written in Go and pre-bundles dependencies 10-100x faster than other JavaScript-based bundlers. [Learn more about vite](https://dev.to/karanpratapsingh/vite-is-too-fast-i8g)
2. The application is built using [TypeScript](https://www.typescriptlang.org)
3. React for displaying UI components
4. Styled-components for styling the UI components
## Installation
Clone the repository and run the following command:
```shell
git clone https://github.com/sonjoydatta/freddys-dashboard.git
```
Go to the directory and run the following command:
```shell
cd freddys-dashboard && yarn
```
For start the application in development mode, run the following command:
```shell
yarn dev
```
For start the application in production mode, run the following command:
```shell
yarn build && yarn preview
```
## Setup
```shell
Create .env file that includes the following variables
VITE_API_URL
```
## Languages & tools
- [vite](https://vitejs.dev)
- [TypeScript](https://www.typescriptlang.org)
- [React](https://reactjs.org)
- [Styled-components](https://www.styled-components.com)