Fantasy Stock Trading App

The application utilizes IEX Cloud API and was built using ReactJS (Frontend), Node.js and Express (Backend). It uses Chart.js for visual graphs along with PostgreSQL for database and styled with Bootstrap 4.

Check out the app HERE!

Login Page

Welcome Page

Trade Page

Portfolio Page

Beginners Page

Instructions & How to use the app

1. cd into the app root directory in your terminal
2. Create a local database (I used PostgresSQL) based on the queries in the db.js file
3. Run touch .env in the root directory
4. put in the relevant fields based on the sample file .env_sample
5. Run npm i command
6. cd into client folder and run npm i command
7. cd back to root directory and run npm run dev
8. open app in browser on localhost:5000

Summary

This web application utilizes IEX Cloud API to retrieve and utilize stock information to simulate a stock trading application, using React-Bootstrap for styling and responsiveness. ReactJS was used to develop the frontend of the web application. While the backend uses Node.js with Express for RESTFUL WebAPI and Internal WebAPI calls. The PostgreSQL is being used to handle User, Account, Transaction and Holding information. React Context Hooks were used to store user, account, holding and other information to provide a smoother user experience.

Technologies/Design

• HTML, CSS, JavaScript - Front End Stack
• React - Front End Framework
• Node.js and Express.js - Backend Stack and Internal API
• Postgre SQL - Database
• IEX Cloud API - RESTAPI
• Heroku - Hosting platform for web server
• ElephantSQL - Hosting platform for database
• Graphs - Chart.js

Author

• Amitay Soffer- Full Stack Web Developer Website | LinkedIn | Github