taylorsmart / 1510-FEC-1

1510-FEC

Overview:

A front-end Ecommerce web application for educational purposes. Showcasing a variety of products and their various aspects.

Table of Contents:

• Frontend
• PWA setup
• Backend
• Continuous Integration

Description:

1510-FEC is an Ecommerce web application built with React and Express. This application communicates with an API to fetch, post, and update data. User interactions are tracked with click tracking and recorded to the Atelier API. Users will be able to select a product and view style options visually as well as style data. Users will be able to view the reviews, related products, and previous questions and answers for each product. Within the review and question and answers modules, the user will have the option to add a review, question, or answer as well as report inappropriate content.

Tech/Frameworks:

• React
• JQuery
• Axios
• Express
• Underscore
• React-Bootstrap
• Bluebird
• Jest
  • General purpose testing platform with code coverage analysis
• Enzyme
  • React Testing Framework (works well with Jest, Mocha)
• Supertest
  • HTTP Assertion Testing

• Puppeteer
  • Chrome active control testing
• CircleCI
  • Automated continuous integration testing

Starting Client:

Run command: npm install

Available Scripts

npm run start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run test

Launches the test runner in the interactive watch mode.

npm run open-coverage

Opens html test coverage report.

Starting Server:

cd into "backend"

Run command: npm install

Available Scripts

npm run start

Runs the server to support API and client communication.

npm run test

Launches the test runner in the interactive watch mode.

npm run open-coverage

Opens html test coverage report.

Usage:

This application is for educational purposes only.