StockFolio

Description

StockFolio is a stock market (Nifty50) picker where one can build their portfolio from the Nifty50 stocks. This is a React, Redux, Typescript project with Scss, Framer motion and Firebase. The aim is with the help of firebase auth and stock market api one can build a simple mock portfolio.

🖥️ Technology Stack

• React
• TypeScript
• Redux
• Firebase
• Framer-Motion
• Scss

❔ Prerequisite

• node >= 12.19.1
• npm >= 6.14.4

🔧 Installation

Api

1. Clone / Download this repo.
2. Inside the project open a terminal and run:

npm install

3.After the project dependencies have been installed, run:

node app.js

Frontend

1. Clone / Download this repo.

2. Inside the project open a terminal and run:

   npm install
   

   This will install all the project dependencies.

3. Create a .env file in the project root folder and add the following:

   REACT_APP_FIREBASE_API_KEY=**your key**
   REACT_APP_FIREBASE_AUTH_DOMAIN=**your key**
   REACT_APP_FIREBASE_DATABASE_URL=**your key**
   REACT_APP_FIREBASE_PROJECT_ID=**your key**
   REACT_APP_FIREBASE_STORAGE_BUCKET=**your key**
   REACT_APP_FIREBASE_MESSAGING_SENDER_ID=**your key**
   REACT_APP_FIREBASE_APP_ID=**your key**
   REACT_APP_FIREBASE_MEASUREMENT_ID=**your key**
   

   Replace the above with your own key and id .

   Refer this official documentation regarding how to generate required keys for firebase auth

4. To start the development server run:

   npm start
   

5. To build the project, run the command :

   npm run build
   

👨‍💻 About me

📃 Licence

GPL-3.0 License Copyright (c) 2020 Utshav Pandey