Lo-Fi is a simple, minimalist dashboard interface built using React.js, TypeScript, and Vite.
- Minimalist Design: The dashboard features a clean and minimalist design, focusing on simplicity and usability.
- Responsive Layout: The dashboard is responsive and adapts to different screen sizes, making it accessible on various devices.
- Data Visualization: Utilizes Chart.js for data visualization, providing easy-to-understand charts and graphs.
- Customizable: Built with React.js and TypeScript, making it easy to customize and extend according to your project requirements.
- Fast Development: Developed using Vite, a fast build tool that significantly speeds up the development process.
-
Testing
: Implement comprehensive unit and integration tests to ensure the reliability and stability of the dashboard. -
Dark Mode
: Introduce a dark mode option for better accessibility and user preference.
To run the Lo-fi Admin Dashboard locally, follow these steps:
- Clone this repository to your local machine:
https://github.com/barakadanny/Lo-Fi_UI.git
- Install dependencies using npm or yarn:
npm install or yarn install
- Start the development server:
npm run dev or yarn dev
- Open your browser and visit
http://localhost:5173/
![Screenshot 2024-06-02 at 20 59 52](https://private-user-images.githubusercontent.com/53088629/335888917-32484eb2-697a-4ced-bb85-11eaf423f605.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4OTQ3NjksIm5iZiI6MTcyNDg5NDQ2OSwicGF0aCI6Ii81MzA4ODYyOS8zMzU4ODg5MTctMzI0ODRlYjItNjk3YS00Y2VkLWJiODUtMTFlYWY0MjNmNjA1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI5VDAxMjEwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNjNmZjMzhiMzIzMTk3Y2FkY2Y2MWQ0NzI4MzYxNzg5NmY3MDA2NTE4ZDg4NzVmOWU2ZWE5MTQ1NzVlNzY2MDYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.LE2gBlkfbJiOIcwSZ3JJ4NOnBRzz-vVjPdzRoumZ0Jw)