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