Skip to content

lianavaleria15/stockscape

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Stockscape

Table Of Contents

About The Project

Stockscape tests users’ skills as they build portfolios and compete for the highest year-end earnings.

A full-stack web application, Stockscape takes inspiration from the chaos of the 2021 financial market; a time when many took interest in the stock market and how they could succeed. Users start with $1,000,000 in game funds to invest in their choice of up to 100 different company stocks. Year-end earnings are calculated instantly and displayed on the user's dashboard as a leaderboard of top Stockscape portfolios and within their portfolios list. Users can view other users' profiles and portfolios, update their public profile, and create as many investment portfolios as they wish.

User Flow

When I deploy the application
Then I am given the option to sign up, log in, or find more information
When I have signed up
Then I can press play to create a portfolio
Then I can add stocks from companies page
Once I have added the maximum amount of stocks
Then I will be notified
When I save my portfolio
Then I can view my portfolios performance
Then I can view others' & previous portfolios on dashboard page
When I visit investors page
Then I can view other users' profiles and portfolios

Technologies Used

  • Front End

    • HTML & Handlebars.js
    • Bootstrap & custom CSS
    • JavaScript & jQuery
    • Chart.js package
  • Back End

    • Express.js server
    • MySQL database & Sequelize package

Deployed Application

Contributors

Plans For Improvement

  • Additional data charts on dashboard
  • Pull company/stock data from live API
  • Additional error and edge case handling
  • Head-to-head gameplay option

Screenshots, GIFs & Wireframes

Desktop Viewport

  • Desktop landing, about us & Login page
    Desktop landing, about us & login page

  • Desktop adding stocks to new portfolio
    Desktop adding stocks to new portfolio

  • Desktop Dashboard, edit profile, view portfolios & leaderboard

  • Desktop View other users, other user profiles

Mobile Viewport

  • Mobile landing, about us & Login page
    Mobile landing, about us & login page

  • Mobile adding stocks to new portfolio
    Mobile adding stocks to new portfolio

  • Mobile Dashboard, edit profile, view portfolios & leaderboard

  • Mobile View other users, other user profiles

Wireframes

  • Landing Page
    Landing page wireframe

  • Dashboard Page
    Dashboard page wireframe

  • Sign up page
    Sign up page

  • About page
    About page

  • Stock select page
    Stock select page

  • Individual stock select
    Individual stock select

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published