---
# System prepended metadata

title: Hack and roll 2021
tags: [hackathon, dump]

---

# Hack and roll 2021

###### tags: `hackathon` `dump`

## Ideas
- Tinder like ui for stocks (US)
    - Quick overview of stock
    - Swipe left or right 
- Hardcode the US stocks(CSV file)

# App names
- kaching
- stockstruck

https://1487quantum.github.io/stockstruck/

## Layout (UI)

> https://pr.to/ER66DF/

![](https://i.imgur.com/qKE7pjP.png)
- https://cyaninfinite.com/sprinthacksbash/
- https://www.hackdoor.io/articles/build-full-featured-tinder-carousel-vanilla-javascript-cdbb2b786f77
- https://vimeo.com/239386409
- https://www.youtube.com/watch?v=Iz6W4HizXq8
- https://www.youtube.com/watch?v=k47D67a1zJ8


## Template
- https://github.com/puikinsh/srtdash-admin-dashboard
- https://github.com/puikinsh/Adminator-admin-dashboard
- https://github.com/go1t/robinhood
- https://github.com/puikinsh/notika
- https://www.wrappixel.com/templates/niceadmin-lite/?ref=23
- https://www.creative-tim.com/product/black-dashboard
- https://themesberg.com/product/admin-dashboard/volt-bootstrap-5-dashboard
- 

## Reference

https://blog.technavio.com/blog/top-10-cosmetics-companies

## Tech
- Node.js
- html/js/css

# Flow

0) Homepage


2) Login page
    - Facebook
    - Google

2) Basic information
    - Name
    - Gender(2 options)
    - DOB
    - Email
3) Interests
    - Technology (Amazon,Facebook,Apple, Netflix)
    - Grooming (Coty, Ulta beauty, Johnson and Johnson, Proctor and Gamble)
    - Cars (Tesla, Nio, Toyota, Honda, Nissan, mitsubishi)
    - Medicine (GSK, Pfizer)
    - Shopping (Alibaba,SEA Limited)
    - Computer parts (Nvidia, AMD, Intel)
    - Food (Starbucks, McDonald, Haidilao, Dominos)
    - Gaming (Razer, Netease, Activision, Electronic Arts)

![](https://i.imgur.com/nTFXpqO.png)
![](https://i.imgur.com/i0ClA80.png)
![](https://i.imgur.com/aBCP4se.png)


4) Swipe page (Top 10 per day)
- Overlay on homepage(main broker homepage)
- Swipe left -> Nothing happens
- Swipe right -> Add to watchlist
- Company logo
- Line chart, price, up/down arrow percentage change
- Follow robinhood
- Minimalist style
- Redirect to watchlist

5) Dashboard Homepage
- Portfolio Performance
- Watchlist
- News (Yahoo api, google api)





