Technology Used | Resource URL |
---|---|
NodeJS | https://nodejs.org/en |
React | https://react.dev/ |
Vite | https://vitejs.dev/ |
Apollo Server | https://www.apollographql.com/docs/apollo-server/ |
GraphQL | https://www.apollographql.com/ |
Mongoose | https://mongoosejs.com/docs/ |
Express | https://expressjs.com/ |
bcrypt | https://www.npmjs.com/package/bcrypt |
JWT | https://jwt.io/ |
Stripe | https://stripe.com/docs |
Redux | https://redux.js.org/ |
JavaScript | https://developer.mozilla.org/en-US/docs/Web/JavaScript |
Git | https://git-scm.com/ |
GitHub | https://github.com/ |
VSCode | https://code.visualstudio.com/ |
This project is an online store refactor. The goal is to make the appropriate changes to make it function with Redux instead of Context API.
-
Be sure to have the technologies above
-
Download this repository to your local device
-
Run
npm i
-
Run
npm run seed
-
Run
npm run develop
-
Visit localhost or the live deployment above
-
Navigate through the application to view find products and add them to your cart. Checkout and see the incorporated Stripe functionality.
AS a senior engineer working on an e-commerce platform
I WANT my platform to use Redux to manage global state instead of the Context API
SO THAT my website's state management is taken out of the React ecosystem
GIVEN an e-commerce platform that uses Redux to manage global state
WHEN I review the app’s store
THEN I find that the app uses a Redux store instead of the Context API
WHEN I review the way the React front end accesses the store
THEN I find that the app uses a Redux provider
WHEN I review the way the app determines changes to its global state
THEN I find that the app passes reducers to a Redux store instead of using the Context API
WHEN I review the way the app extracts state data from the store
THEN I find that the app uses Redux instead of the Context API
WHEN I review the way the app dispatches actions
THEN I find that the app uses Redux instead of the Context API
- Create a new repository on GitHub, to store this project.
- Clone the repository to your computer.
- Copy files to your own repository.
- Follow the steps for "How to" above
- Make changes to the code.
- Commit the changes to the local repo.
- Push the changes to the remote repo.
This project is an online store refactor. If you would like to update and use app follow the installation steps and curate it to your needs. If you would like to use this app, follow the steps under the description 'How to' above and click the link at the top of this page.
MIT License Copyright (c) 2023 Twixmixy / Janet Webster
Full Stack MERN Software Engineer
Did you really read down this far? Gold star for you! ⭐
You have received 5+ points in being EXTRA