Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bhavnesh1811/vivahit

Welcome to Vivahit-App project! This project is built to develop a cryptocurrency dashboard where real time price updates happen after every minute. It is built using React, React-query ,Context-Api and Chakra UI for styling.
https://github.com/bhavnesh1811/vivahit

chakra-ui chartjs context-api react react-query

Last synced: 1 day ago
JSON representation

Host: GitHub
URL: https://github.com/bhavnesh1811/vivahit
Owner: bhavnesh1811
Created: 2024-03-08T16:35:28.000Z (10 months ago)
Default Branch: main
Last Pushed: 2024-03-11T06:44:21.000Z (10 months ago)
Last Synced: 2024-03-11T09:33:52.871Z (10 months ago)
Topics: chakra-ui, chartjs, context-api, react, react-query
Language: JavaScript
Homepage: https://vivahit-app.vercel.app/
Size: 218 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Vivahit-App

Welcome to Vivahit App project! This project is built to develop a cryptocurrency dashboard where real-time price updates happen after every minute. It is built using React, React-Query, Context-Api and Chakra UI for styling.

## Deployed Link
https://vivahit-app.vercel.app/

## Screenshots

- Dashboard Page.

![Screenshot (38)](https://github.com/bhavnesh1811/vivahit/assets/110032728/080c22b7-dcd0-4629-a2d7-1df647554523)

- Single Coin Page with Light Mode.

![Screenshot (39)](https://github.com/bhavnesh1811/vivahit/assets/110032728/84746467-f686-413f-ac8a-6aa7ac341e16)

- Single Coin Page with Dark Mode.
![Screenshot (40)](https://github.com/bhavnesh1811/vivahit/assets/110032728/1fbcf480-adaa-48e6-9af9-12b256409011)

- Pagination.
![Screenshot (41)](https://github.com/bhavnesh1811/vivahit/assets/110032728/2086f962-43f0-472c-a3ea-50b04df628d2)

- Mobile Screen
![Screenshot (42)](https://github.com/bhavnesh1811/vivahit/assets/110032728/26c38712-a210-4ee2-b764-945a2c22c9a1)
![Screenshot (43)](https://github.com/bhavnesh1811/vivahit/assets/110032728/0ae5e282-9201-4ee6-8ca2-12d4caddf055)

- Tab Screen
![Screenshot (44)](https://github.com/bhavnesh1811/vivahit/assets/110032728/f4fb03f4-6f66-4a96-b944-f4a92d358b0b)

## Features

- Dashboard Page.
- Search Functionality.
- Pagination.
- Dark/Light Theme.
- Single Coin Page with chart.

## Installation

To run this project locally, follow these steps:

1. Clone the repository:

```bash
git clone https://github.com/bhavnesh1811/vivahit.git
```
2. Navigate to the project directory:
```
cd vivahit-app
```

3. Install dependencies:
```
npm install
```

4. Start the development server:
```
npm run start
```
## Technologies Used

- React
- Context-Api
- Chart-js
- Chakra-UI
- React-Query