Cryptocurrency Tracker App is a web application that allows users to track the current state of the cryptocurrency market, access historical data, and view charts based on the data fetched from the Gecko API.
-
User Authentication: Firebase is used for user authentication, allowing users to sign up, log in, and access their personalized accounts.
-
Real-time Data: The app uses the Gecko API to fetch real-time data on cryptocurrency prices, market capitalization, trading volume, and more.
-
Historical Data: Users can access historical data for cryptocurrencies to analyze trends over time.
-
Interactive Charts: React ChartJS is used to generate interactive and visually appealing charts based on the fetched data.
- ReactJS: Frontend library for building the user interface.
- Tailwind CSS: Utility-first CSS framework for responsive and customizable designs.
- Firebase: Backend as a Service (BaaS) for user authentication and database management.
- Gecko API: External API for fetching cryptocurrency data.
- React ChartJS: React wrapper for ChartJS, used to create interactive charts.
- Docker Compose: To build an image with the dependencies of the project to create and commence all configurations.
-
Docker Image (Virtual Hard Disk v2)
npm install react-chartjs-2 chart.js moment react-router-dom firebase axios -D tailwindcss postcss autoprefixer
- Node.js and npm must be installed on your machine.
-
Clone the repository:
git clone https://github.com/TrojanPunk/Cryptrack.git
-
Install the dependencies.
-
Set up Firebase:
- Create a new Firebase project at https://console.firebase.google.com/
- Enable email/password authentication in the Firebase console.
- Obtain your Firebase config settings (API Key, Auth Domain, etc.) and add them to the appropriate files.
- Set up Gecko API:
- Register for an API key at https://coinmarketcap.com/api/
- You do not need an API key for Gecko API. However, the server request failure rate is high.
-
Start the development server:
-
Open your browser and navigate to http://localhost:3000 to see the app in action.
![]() |
![]() |
-
Sign up or log in using your email and password.
-
Browse through the list of available cryptocurrencies to view their current data.
-
Access historical data by selecting a cryptocurrency and choosing a specific time range.
-
View the interactive chart for a visual representation of the selected cryptocurrency's performance.
Contributions are welcome! If you find any issues or have ideas for improvements, feel free to open an issue or submit a pull request.
The site is hosted at: https://thecryptrack.netlify.app/