This is my sixth re-edition of my eCommerce website that is centered on selling plushies. Kiwi's Paradise is now offically a PWA, so you are able to install this application onto your devices! This application has three main pages (Home, Products, Contact Us) routed together, with an authenticated protected users page. The home page contains a slider of images. The products page contains items that are pulled from a MongoDB Atlas database. On the products page, the user can filter through the items by type and price. The contact us page contains a form that will validate and take in responses from the user and send them back to the MongoDB Atlas database. Also on this page, at the bottom there is a testimonials section where it displays the comments that are located from the MongoDB Atlas database. The protected authenticated users page will display the list of users that signed up on the application. This website was made by using React.js, CSS, Bootstrap, node, express, and authenticating with JWTs. This application has automated testing through using mocha and chai. The automated testing is running on a parallel server from the express server of the application.

Clone or download this repo onto your local machine. Once you have done this, install the node packages. You can do this by running npm i on your command line tool.

After you have installed all of the dependencies that are needed for this project, you can open the project up through your command line tool. First be in the root of the directory and then run npm run start in your command line tool. This will start the server and the react app at the same time.

To stop running the server and the react app, you can hit control + z to close both.

To run the tests for API endpoints run the command npm run test.

In order to install the PWA on your devices, you would need to access the deployed site on the browser you're currently using.

For Android users that usually use browsers like Google Chrome and Samsung Internet, you will notice an option icon (Three dots) near the top of the browser. Click on the icon and select the option "Add to homescreen". You'll then be greeted with a popup asking you to add the app to homescreen. Press 'Yes' and soon you'll be able to have the app on your device!

For Apple users that usually use Safari, you will notice an share icon (Box with arrow point up) near the bottom of the browser. Click on the icon and select the option "Add to homescreen". You'll then be greeted with a popup asking you to add the app to homescreen. Press 'Yes' and soon you'll be able to have the app on your device!

• React - The framework used
• NodeJS - The development for server
• Express & Express Router - Used to create endpoints
• Morgan - Logging tool
• Helmet - Provided security
• Mocha - Used for testing application
• Chai - Used for testing application
• Concurrently - Used to run servers at the same time
• MongoDB Atlas - Cloud database
• Mongoose - Manipulation of database
• JWT - Authenticated application
• Heroku - Deployment platform for application

• Lucy Yang

This project is licensed under the MIT License - see the LICENSE.md file for details.