https://github.com/ketan-chaudhary/crypto-dashboard
A responsive, multi-page web application built with React, Chakra UI, and React Router. This dashboard showcases clean navigation, modern UI components, and dynamic page routing, offering a smooth user experience. It’s ideal for learning how to structure React projects with reusable components and intuitive design using Chakra UI and React Icons.
https://github.com/ketan-chaudhary/crypto-dashboard
chakra-ui-react reactproject vite-react
Last synced: about 1 month ago
JSON representation
A responsive, multi-page web application built with React, Chakra UI, and React Router. This dashboard showcases clean navigation, modern UI components, and dynamic page routing, offering a smooth user experience. It’s ideal for learning how to structure React projects with reusable components and intuitive design using Chakra UI and React Icons.
- Host: GitHub
- URL: https://github.com/ketan-chaudhary/crypto-dashboard
- Owner: Ketan-Chaudhary
- Created: 2024-05-12T17:16:09.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-03T18:12:22.000Z (about 2 years ago)
- Last Synced: 2025-10-24T22:39:55.402Z (9 months ago)
- Topics: chakra-ui-react, reactproject, vite-react
- Language: JavaScript
- Homepage: https://crypto-dashboard-teal-one.vercel.app
- Size: 180 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crypto Dashboard
## Overview
Welcome to the Crypto Dashboard repository! This project is a web application developed using React, Chakra UI, and React Icons. The main features of this project include multiple pages for different functionalities, responsive design using Chakra UI, and intuitive navigation with React Router.
## Features
- **Multiple Pages**: Learn how to create and manage multiple pages in a React application.
- **Chakra UI**: Utilize the Chakra UI library for responsive and accessible design.
- **React Icons**: Integrate a variety of icons using the React Icons library.
- **Page Routing**: Implement page routing with React Router for seamless navigation.
- **Vite**: Leveraged Vite as the build tool and development server for faster and smoother development experience.
## Installation
To get started with the Crypto Dashboard, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/Ketan-Chaudhary/Crypto-Dashboard.git
```
2. **Install dependencies**:
```bash
npm install
```
3. **Start the server**:
```bash
npm run dev
```
Your application should now be running on `http://localhost:5173`.
## Key Learnings
From this project, I have learned the following:
- **React Multiple Pages**: Understanding how to create and navigate between multiple pages in a React application.
- **Chakra UI**: Gaining proficiency in using Chakra UI to create responsive and accessible components.
- **React Icons**: Learning how to use React Icons to enhance the visual appeal of the application.
- **Page Routing**: Implementing React Router for effective page routing and navigation.
## Contributing
Contributions are welcome! If you have any suggestions or improvements, feel free to create a pull request or open an issue.
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Make your changes.
4. Commit your changes (`git commit -m 'Add some feature'`).
5. Push to the branch (`git push origin feature-branch`).
6. Create a new Pull Request.
## Acknowledgements
- [React](https://reactjs.org/)
- [Chakra UI](https://chakra-ui.com/)
- [React Icons](https://react-icons.github.io/react-icons/)