User Story - As cryptocurrencies gain popularity, we wanting to give users a simple to use interface that allowed them to keep track of and look back on the history of different tokens.
- Create a easy to navigate UI
- Find and implement a API that displays information about Crypto. For data we used CoinGecko’s api’s, namely: coins_id, trending market_chart and search.
We also utilized debounce to delay user search by 500ms increasing site performance, we also used Axios (for Ajax requests), sass(styling), zustand (for state), recharts (for visual graph) and react-router-dom (for routing). - Once the API was implemented, the application was deployed via Netlify for others to access it.
- Search for any cryptocurrency listed on Coingecko
- View a 7 day performance chart (powered by recharts that presents the data provided by coingecko’s market chart api)
- View the current price of any cryptocurrency in usd
- View the full description of the token/project
- View the daily percentage changes
- View the daily price difference in usd
- View the highs and lows over the previous 24 hours
- View the current market cap
- View the current market cap rank
- View the total supply of coins
- View the 24 hour trading volume
https://thecryptovault.netlify.app/
- Clone or download the repository
- Install the dependencies with
npm install - Start the app with
npm start
After starting the application, you should see a search bar at the top of the page.
Simply enter the name of the cryptocurrency you'd like to track and the app will display the current price and other related information.
This project is licensed under the MIT License.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Richard Hills - https://github.com/richyrichyrich38
Sophia JJ Ellis - https://github.com/SophiaEllis-dot
Andreea Ghenea - https://github.com/agh911
Zakaria Khan - https://github.com/Zakaria1986
Sade Joseph - https://github.com/SadeJoseph