This repository contains mocked examples of the Carousels and Product Details sections of an Adidas' product page as they appeared on December 2018.
Tech Stack
React | Express | mySql | Amazon EC2 | Docker | Jest
All components shown in 10 seconds preview are fully modular microservices. They can be integrated with one another seamlessly.
IMPORTANT
As of December 2018, there are issues with npm packages. Components may not function correctly when run locally.
Hack Reactor Los Angeles 25:
Hayden Betts @ https://github.com/haydenbetts
Tim Tran @ https://github.com/ttran835
Omar Jandali @ https://github.com/omar-jandali
Matthew Lin @ https://github.com/mlin367
Please run the followings information:
npm install -- to install all dependencies
npm start - for server
npm run build - for webpack
Currently using Mysql server.
important
Project was switched to Postgresdb when deployed.
Database index.js login will required changes to match with user authentication fo Postgres.
You will need to set up mysql database prior to seeding the file.
Since env is currently not being ignored, change the username and password for database manually to reflect your local database credential.A
Two ways of accessing the database to generate new table:
first: you can create your own .env file and replace example string with your actual mysql information.
sencond: you can replace it directly wihtin database.js.
npm run seed
The function to seed data is currently commented out.
Please pick what type of data you would like to seed into your db.
Mix and match are recommended.
npm run seed to upload fakeData.
my code will randomly sort get request data & grabs the first 50.