Stockfolio

stockfolio

See Demo See Code

I acted in this project as a Full-stack developer.

I utilized JavaScript (React, Redux) and HTML/CSS (Bootstrap) for the front-end, and Node, Express, and MongoDB (NoSQL) for the back-end.

ONE

Product

Stockfolio was created as an independent project. It is a full-stack web application I developed to explore the back-end as someone who had formerly focused on the front-end, and also to explore utilizing professional APIs.

I was inspired to create Stockfolio by NY TTP's Spotify back-end challenge, by my interest in creating a helpful product that could simplify the stock-buying process, and by my desire to learn more about how stocks worked. It was completed in a 7 day timeframe.

Key Features: Login/Sign-up system, database of users, live stock monitoring (15 min updates), simulation of stock purchasing, history of transactions

Full Tech Stack: JavaScript (React/Redux), Node, Express, HTML/CSS (Bootstrap), MongoDB (NoSQL), IEX API

voter-hub collage
TWO

Process

I utilized Bootstrap components to assist me in the styling of the website. I built out the back-end after laying out the components in the front-end, following MongoDB's documentation. Halfway through the process, I switched stock APIs to one that enabled a higher limit of requests per minute.

Some things I learned from the project are:

  • Libraries like Bootstrap can be used to make quick, modern components
  • The back-end is not that scary
  • Time manage by making short goals at the beginning

THREE

Outcome

I deployed the front-end and back-end together on Heroku.

See Demo See Code