jackhowa / meta-store-frontend

Shop for shops online

Meta Store

Shop online for online shops.

CI/CD

Motivation

This app is for someone looking for an online store based on category, credibility, and other costs. It's also for users who want to recommend stores based on their expertise to people new to a category.

For example, as a frequent tech buyer, I might recommend newegg.com to someone new to technology buying RAM for their computer.

Roadmap

See project tab for MVP.

Another goal is to potentially create a browser extension to recommend alternatives to the site you're on.

As a stretch goal, we're interested in using unsupervised learning to cluster related categories (eg, climbing) and sites (eg, patagonia.com). For example,

patagonia.com
mountaineering
climbing
hiking
shoes

williams-sonoma.com
cooking
dishes
kitchen

target.com
cooking
kitchen
dishes
hiking
shoes

Setup

• Check Node version greater or equal to Node 8.10 node -v
  • If maintaining different Node versions (or versions of anything), I recommend asdf
• Install dependencies yarn install
• Start dev server yarn dev
• Open http://localhost:8080 in a browser

Code Quality

• yarn lint to use linting setup, with airbnb styles
• yarn format to apply prettier styles

Technology Used

• React
• webpack build tools
• prettier
• eslint
• linaria CSS in JS with zero runtime
• koa Node server back-end repo

Style guide

Colors

• Goal color scheme
• Background: #282c35 dark blue
• Highlight: #ffa7c4 light pink
• Secondary (not totally sure): d2d8d9 greenish grey
• White: #ffffffe0 off white

Design

• Monstercat's record design feel modern, creative, clean. The straight lines and borders for cues, (eg, Throttle)

Credit

• Setup with webpack and babel based off of tutorial.
• Setup with prettier and eslint based off of Brian Holt's brilliant FrontendMasters React course
• React leader Dan Abramov's blog Overreacted for colors