EasyBuy Web App

EasyBuy

EasyBuy is an application for browsing products in an online store, built with React, Redux, JavaScript, and CSS. It is published on Netlify.

Project Screenshots

Home

Search
Detail
Profile

Installation and Setup Instructions

Clone the repository from GitHub. You will need node and npm installed globally on your machine.

Installation:

npm install

To run the test suite:

npm test

To start the server:

npm start

To Visit App:

localhost:3000

Back End

The backend code is available on GitHub.

Web Service

EasyBuy uses Node.js and Express to create RESTful web services.

Database

EasyBuy uses Mongoose to create data models that interact with a MongoDB database.

UML Class Diagram

UML

Installation

Clone the repository from the GitHub link above. You will need node and npm installed globally on your machine.

Installation:

npm install

To start the server:

nodemon app.js

Reflection

This was a three-week project built during my 5610 Web Development class. The goals included applying technologies learned up to that point and becoming familiar with the documentation for new features.

Originally, I wanted to build an application that allowed users to browse product data from both a MongoDB database and an external API. I started with the create-react-app boilerplate, then added react-router-4.0 and redux.

The primary technologies used in this project are React, React Router 4.0, and Redux.


EasyBuy Web App
http://runningcoconut.com/2023/12/30/EasyBuy-Web-App/
Author
Huajing Lu
Posted on
December 30, 2023
Licensed under