Table of Contents

1. About The Project
   • Demo
   • Built With
   • Related Projects
2. Getting Started
   • Prerequisites
   • Installation
   • Test Suite
3. Contact

About The Project

I worked with a team of engineers to create an open-source E-commerce application for sports equipment and contributed by making a responsive gallery UI to improve the product viewing experience. I used MongoDB to persist product information and securely stored high resolution images using S3. To maintain app stability, I created a test suite for my component using Jest and Enzyme with a standard of at least 80% test coverage.

Project Link: https://github.com/Slam-Dunk-Supplies/gallery

Demo

Built With

• React
• Express
• Axios
• Styled Components
• MongoDB
• AWS S3
• Jest

Related Projects

• Slam Dunk Supplies Related Items
• Slam Dunk Supplies Checkout
• Slam Dunk Supplies Reviews

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

• npm

  npm install npm@latest -g

• mongoDB
  installation instructions

Installation and starting the project

1. Clone the repo and then cd into the repo

   git clone https://github.com/Slam-Dunk-Supplies/gallery.git

2. Install NPM packages

   npm install

3. Seed MongoDB database

   npm run seed

4. Build with Webpack

   npm run build

5. Run with NPM

   npm start

6. Go to localhost:3002 on your browser to view the gallery
7. Add a number following to the end of the url (ex: localhost:3002/(some # between 1-100)). To view additional images aside from the default listing id of 1.

View Testing Suite

1. Once installed. Simply run NPM test

   npm test

Contact