Helpful Human Applicant Interview Challenge

Full-stack MERN application deployed here on GitHub pages.

https://2juicy.github.io/HHumansChallenge

Features

Database made with MongoDB of 100+ different colors.
Pagination to display colors in multiple pages.
A detailed view page when user selects a color.
Interactive CSS styling.
A search and filter by keyword input box.
Sidebar with color grouping.
Ability to select a random color and adjust view accordingly.
Responsive design.

Quick Start

Install server dependancies npm install

Install client dependancies npm run client-install

To add seed data into MongoDB node color-seeder.js

Run client and with server concurrently npm run dev

Run express server only npm run server

Run React client only npm run client

Server runs on http://localhost:5000 and client on http://localhost:3000