Poké Store - Checkout App

Come visit the Poké Store App

Enter the Poké Store, a checkout app that allows you to find the pokemon that is ready to add to favorites, add to cart, and order. We Built this app using React, Sass, Styled Components, and React Router. It helped to modularize a clear workflow and to reduce the maintanance for styling.

Enjoy the app 🔴⚪

Get Started

1. clone repo

HTTPS  : git clone https://github.com/arcane-404/poke-store.git

SSH    : git clone git@github.com:arcane-404/poke-store.git

GH-CLI : gh repo clone arcane-404/poke-store

2. cd ./poke-store
3. npm install
4. npm start

Project Goals

• collaborate with other front-end react developers
• complete project within a ~2 week scope
  • wk 1: planning & designing
  • wk 2: executing
  • wk 3: debug/refactor
• develop a workflow pipeline
• reach an MVP milestone

Key Features

• General
  • have 3 pages: Home, Favorites, Checkout
  • able to checkout & purchase a pokemon
• Core Tasks
  • save/unsave pokemon to favorites
  • add pokemon to cart
  • update quantity of pokemon in cart
  • remove pokemon from cart
• Web Design
  • mobile first approach
  • responsive design thinking

Technologies Used

• hooks: useState / useEffect / useContext / useCallback
• other: normalize.css / remix-icon / uuid

Other Resources

• Our Collaborative Tools
  • Figma
  • Trello
  • Google Docs

• Remix Icon
  • https://remixicon.com/
  • https://reactsvgicons.com/remixicon
  • https://cdn.jsdelivr.net/npm/remixicon@2.3.0/fonts/remixicon.css

Contributors

Name	Username	Links
Michael F. Alvarez	awwmicky
Herman Liu	hermsicle
Martin Nguyen	-
Adnan Diaz	adnanniaz77