Developed alongside 3 colleagues, an e-commerce app in React. Serves, filters and sells health related gadgets. Log in for a full streamlined user experience and check out the dark mode setting for ease of night time shopping.
This group project was made as part of the Full-Stack Web Development Diploma with Concordia Bootcamps.
The original app was created using static, json file, data.
After completion MongoDB integration for data storage and access, was added by me to this instance of the project personally.
Note that a Mongo Database will need to be set up using the included Batch-Import.js file.
- Fork the repo.
- Open your preffered code editor and clone the repository.
- Set up a MongoDB server on your computer (An easy guide can be found at freeCodeCamp) *
- With a running mongoDB server, just uncomment the function call in BatchImport.js and run the file using node. This will add the item data to your server for retrieval.
- In both client and server directory terminals, run commands
$yarn installand$yarn start.
*Alternatively: json data and original endpoints are present, but commented out. Uncomment these endpoints and comment out the mongo endpoints to run the app with local data.
Technologies utilized in this project include:
React, Redux, JavaScript, Styled Components
Express.js, Node, MongoDB
- Auth0 authentication for login.
- Full purchasing experience from item search and multiple filtering to checkout and order retrieval.
- User login to remember your history.
- Alternative, toggleable, colour schemes for entire app.
- Sale items based on stock numbers.
- Dynamic item descriptions based off of price, location item is to be worn upon, and number in stock.
- Responsiveness for alternate viewing sizes.
- Collaborating as a team on the design, structure and delegation of the project.
- Coordinating with team members to ensure that each facet of the project was understood by all members.
- Applying non-disruptive changes and additions to infrastructure built by others.
It was a pleasure to collaborate on this project with my teammates: