The goal of this project is to create a one-stop shop application to find clothing and accessories that are exclusively for software developers to enjoy. Using a MERN Stack SPA e-commerce platform. This application was bootstrapped with Create React App and other libraries.
To use the website simply navigate to the live link here
When a user arrives at the landing page they will be able to view products or select a category to view products of that category. This page also contains on option to switch to 'dark mode'. At the top of the screen there is a nav bar which will allow them to sign up, login/out, view their favorited items and their shopping cart. Clicking on the item which brings them to that item's own page where the user can favorite that item. Clicking the shopping cart shows all the items that have been added to the cart with on option to change the quantity of items or checkout. Upon checkout the user is directed to a page showing all of their items with prices and the total amount. The user will then be able to enter their card details and buy the products.
Using React and deployed through heroku
Styling from Bootswatch and UI framework from React Bootstrap
GraphQL with a Node.js and Express.js server.
MongoDB and the Mongoose ODM for the database.
To authenticate users we used JSONWebTokens(JWT)
To conceal sensitive API information we used an .env file and added it to .gitignore
Payment Processing software using Stripe
- apolloclient
- graphql
- jwt-decode
- jsonwebtoken
- react-bootstrap
- react
- react-switch
- stripe
- mysql
- express
- mongoose
- dotenv
Any questions regarding the project can be directed at any of the following contributors:
We used inspiration for our code from some of our previous projects including:
- deep-thoughts