Code Monkey home page Code Monkey logo

bullbear's Introduction

BullBear

BullBear is a MERN stack web app that lets users create an account and add stocks from the S&P500 index to their own personal watch list.

Description

I decided to build this web app since I enjoy investing and reading up on stocks, and what better way to keep track of my stocks than to build out my own stock tracking application.

Video demo

Screenshot of web app

Usage

  • Create an account and view market data about your favorite stocks.
  • Add stock tickers to your own watchlist.
  • See details such as latest price, volume, market cap, recent news, and broad market index quotes.

Technologies used:

  • React
  • Javascript
  • Node.js
  • Express.js
  • Tailwind CSS
  • MongoDB
  • User Authentication
  • Chart.js
  • Client hosted on Vercel
  • Server deployed on Heroku
  • Fmp Cloud stock data API endpoints
  • Context API

User Stories

The following functionality is completed:

  • User can create an account and sign in.
  • The user should switch between different tabs - viewing the dashboard, market, or home page.
  • User can search all stocks listed in the S&P500 Index.
  • User can add and delete stocks from their own personal watchlist.
  • User can view up to date news articles about the most prominent stocks in the market.
  • User can view the stats and metrics about different stock tickers.

Installation

Setting up the Client

cd into the Client/ directory and run:

npm install
npm start

Setting up the Express Server

To start the server, you can cd into the Server/ directory and run:

npm install
node server.js

bullbear's People

Contributors

dariusgarcia avatar

Stargazers

Roman avatar

Watchers

Kostas Georgiou avatar  avatar

bullbear's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.