/LoremIpsum_Stock_Tracker_Fork

This is a group project that I worked on at CodeClan with two of my classmates, George and Rob. The app allows a user to buy and sell stocks to manage their portfolio. It also graphs the performance of the stocks and displays relevant news related to the stocks in the portfolio.

Primary LanguageJavaScript

Lorem Ipsum stock tracking

This group project was completed while at CodeClan with my two classmates. Group Members: John Basile, Robert Mayo, and George Tegos. It is a React.js web app using CRUD operations to store local stock userdata on a RESTful API via mongodb. We used the TwelveData API (https://twelvedata.com/) and the FinnHub API (https://finnhub.io/) for the stocks information in real time. You will need to get your own API keys if you would like to run the app.

🎥 Videos:

L3.mp4
LI2.mp4
LI1.mp4

➡️ Running Instructions:

  • Clone the repository to your local machine by using the command line:

     git clone git@github.com:abasile1-tech/LoremIpsum_Stock_Tracker_Fork.git
    
  • then (optional: if you would like to install the prettier dev extension for vs code):

    npm install
    
  • then:

    cd client
    npm install
    npm run dev
    
  • then open another terminal in the project directory:

    cd ../server
    npm install
    npm run dev
    
  • You will need a mongodb with 2 collections, one of the stock data and the second of user data.

Our Project Brief

  • User should be able to buy and sell stocks from various markets in accordance with their account wallet
  • User should be able to see their portfolio of stocks and filter by name and price, both ascending and descending.
  • User should be able to access customer support information
  • User should be able to view and modify their personal account details
  • User should be able to add money to their account wallet
  • User should be able to see detailed graphs of the performance of the stocks they own
  • User should be able to see general stocks news as well as detailed news pertaining to the specific stocks they own
  • The app should pull data from multiple api sources
  • The app should store user data in a database

🔧 The Technologies We Used:

  • Node.js
  • React.js
  • PostgreSQL

📸 Screenshots:

homePage searchAppl searchApple appleStock appleStockNews portfolioNameAsc portfolioNameDesc portfolioPriceAsc portfolioPriceDesc accountPage supportPage