Shoepreme is an app for shoe enthusiast who are seeking the most in style and newly realeased kicks in the market. Whether you want browse across all shoes or by brands, Shoepreme can help you build your dream shoe cart!
Frontend: https://warm-hollows-25488.herokuapp.com/
Backend: https://shoepreme-api.herokuapp.com/
Landing Page
Brand Specific Page
Detail Page
Checkout Page
- HTML, CSS
- Javascript
- React
- NodeJS
- Express
- MongoDB
- Mongoose
- Heroku
- Stripe
MVP Goals
- As a user, I would like to the landing page to show the newest released shoes first
- As a user, I would like to be able to see all shoes available on the app
- As a user, I would like to be able to browse shoes by the popular brands in the market
- As a user, I would like to be able to click on a shoe and learn more about it
- As a user, I would like to be able to filter the shoe collection by gender, realease date, and price
- As a user, I would like to be able to add shoes that I like to a shopping cart
- As a user, I would like to be able to see my cart before committing to checkout
Strecth Goals
- Implement Stripe test checkout
- Offer the ability for users to log in and save their cart
- Create a user profile for logged in users
To run locally, you must acquire all necessary environment variables then follow the installation instructions below:
-
Fork and clone this repository
-
Install all dependencies
npm install -
Install devDependencies
npm install nodemon --save-dev -
Start the local server
npm run dev
Otherwise, checkout our live links
Landing Page
Brand Specfic Page
Detail Page
Checkout Page
Source Code:
https://github.com/GA-Shoepreme/Shoepreme-frontend
https://github.com/GA-Shoepreme/shoepreme-server/commits/main
Issues:
https://github.com/GA-Shoepreme/Shoepreme-frontend/issues
https://github.com/GA-Shoepreme/shoepreme-server/issues