Skip to content

Demo shopping app utilizing React, JavaScript stacks & microservices created by a team of 4 coding camp students as part of a group project.

Notifications You must be signed in to change notification settings

rpp29-fec-gouda/atelier

Repository files navigation

Atelier

Setup

  • Clone/pull repo
  • npm install
  • Create a GitHub authorization token and store it in config.js (make sure it's .gitignored).
  • npm start for the server
  • npm run build (in a separate terminal) for webpack/react/index.html
  • Navigate to http://localhost:3000 in browser

Contributing

  • Install Pomander before attempting to push commits:
  • curl -s https://raw.githubusercontent.com/reactorcore/pomander/master/bin/install | bash

Documentation

  • Documentation such as diagrams for the app and UX styling guidelines are stored in the ./docs directory.
  • See the web style guide for the standards we are following for coding and project organization.

Team Members

Testing

  • Jest is the framework chosen to test React and probably all JavaScript code in the app.
  • Tests are located in the ./tests directory
  • npm test to run the tests

Continuous Integration

Basic test of JavaScript continuous integration uses CircleCI to run the tests, and Coveralls for reporting test coverage.

Circle CI: rpp29-fec-gouda

Coveralls: Coverage Status

SonarCloud

Additionally, SonarCloud is used for an overall check of code quality.

Quality Gate Status

Quality: SonarCloud

Maintainability: SonarCloud

Reliability: SonarCloud

Security: SonarCloud

Lines of Code: SonarCloud

Coverage: SonarCloud

Bugs: SonarCloud

Code Smells: SonarCloud

Technical Debt: SonarCloud

Demos

Below are some brief descriptions of the various app components, with animations showing their dynamic behavior.

Atelier

Lorem ipsum, I sayum! Lorem ipsum, I sayum!

atelier demo

Product Overview

Lorem ipsum, I sayum! Lorem ipsum, I sayum!

Image Gallery

Lorem ipsum, I sayum! Lorem ipsum, I sayum!

po-imageGallery.mp4

Carousel Navigation (TBD)

Lorem ipsum, I sayum! Lorem ipsum, I sayum! Component complete but need more than 1 thumbnail to demo...

Stars & Reviews

Lorem ipsum, I sayum! Lorem ipsum, I sayum!

stars and reviews demo

Select Styles

Lorem ipsum, I sayum! Lorem ipsum, I sayum!

select styles demo

Shopping Cart

Lorem ipsum, I sayum! Lorem ipsum, I sayum!

shopping cart demo

You are not allowed to add to cart unless a size is chosen:

shopping cart edge case demo

About

Demo shopping app utilizing React, JavaScript stacks & microservices created by a team of 4 coding camp students as part of a group project.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •