Coin-Case

Crypto Portfolio Tracker Inspired by https://www.coingecko.com and using its API.

Deployed site here

Technologies

React - Styled Components - HTML - CSS - Javascript

Core Packages

• React Router - Routing
• Styling - Styled Components
• React-responsive
• React spinners
• Network calls - Axios
• Global state management - React Context API
• API - Coingecko

Features

• Login/Signup
• See top 100 cryptocurrencies (per market cap)
• Change base Currency (USD/EUR)
• See more detailed information about a specific coin
• Keep track of your crypto portfolio
  • Add/Remove Coins to/from Portfolio
  • Add Transactions to Portfolio
  • Track the performance
• Coin Converter

Running Locally

1. Clone the repo git clone https://github.com/ArmPetri/Coin-Case.git
2. Go to the app directory cd Coin-Case
3. Install packages npm install
4. Open Project in the code editor
   At the root of the project open .env_sample and rename it to .env. You will need to replace the content inside of .env with your Firebase config keys. found in your Firebase project settings.
   In order to do that you will need to set up a Firebase project.

Firebase Setup

1. First, you will need to create a Firebase project and get all the necessary keys in order to be able to use authentication and a database.
   Firebase Console.

2. Add a web app.
   

3. Copy all the keys from firebase configuration (firebaseConfig) to .env file.

4. Add user authentication with email/password.

5. Create a Firestore Database.

6. Now you should be able to use all the application features related to Firebase. Run npm start And it should open http://localhost:3000 in your browser.

*In order to access the portfolio page, you will need to create a user

UI

Home

Coins

Search Coin

Login/Signup

Portfolio

Add Transaction/View Transactions

Converter