Skip to content

agreen8911/Full-Racks-Academy_Grace_Shopper

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Full Racks Academy e-Commerce Site Project

About

Grace Shopper is a e-commerce website project designed to test developers' coding abilities and team-based skills that they've learned througout the Full Stack Academy program. Our team decided to create an e-commerce website that sells gym equipment, complete with cart/checkout functionality, user signup/login, and administrator features. On the front-end we used React and Redux and used Node.js and express on our backend with a PostgreSQL database.

In this project, I led the development and creation of the site administrator and product category (i.e. sorted types of equipment) views and functionality. In all of these website views/functionalities, my task was to design and build the database models, create RESTful APIs, and build the React (with Redux state management) components. Additionally, I led the implementation of administrator permissions and ensuring proper permissions checks on both the front-end, as well as the back-end to ensure optimal security.

Contributors

Adam Green Alejandro Armas Dakota Jennings Daniel Rodriguez

Getting Started Locally

  1. git clone && cd into the project directory
  2. npm install to install project dependencies
  3. createdb graceshopper && createdb graceshopper-test to make a Postgres database
  4. npm run seed to seed the database with data
  5. Running npm run start-dev will make great things happen!
  6. Open up localhost:8080 in your favorite browser

If you want to run the server and/or webpack separately, you can also npm run start-server and npm run build-client.

To-do Board

View To-do Board

Database Schema & Wireframes

View on Excalidraw

Project Naming Conventions:

  • Components: PascalCase // eg. AllProducts.js
  • Reducers: camelCase // eg. myStore.js
  • Tests: type.spec.js // eg. AllProducts.test.js, myStore.test.js

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.0%
  • CSS 9.6%
  • HTML 0.4%