Puppy Finder!

MERN tech stack

Install Node
Install MongoDB
Connect to MongoDB
- mongod
Load data into local database
- mongoimport --jsonArray --db puppy-finder --collection puppies --file data.json
Pull source code from GitHub
- git clone https://github.com/kylewhitaker/puppy-finder.git
Spin up Server
- node server/server.js
Spin up Client
- Install dependencies via npm install
- Run Client application via npm start
Open application in web browser
- Navigate to http://localhost:3000/

React.js to be used for the frontend
Node.js to be used for the backend
Mongo to be used for the database
(Bonus) Wrap everything up in Docker
data.json contains JSON documents that should be loaded into a database
Develop appropriate endpoints for retrieving paged data from the database
Images should be presented in some type of paging / carousel
The title of the image should display on the top of each page
The image should display under the title
A table should display below each image listing out the dogs grouped by type and age
Plot the bounding boxes for each image
Provide complete solution source code
Include instructions for loading the database and starting the solution
Describe any alterations from the requested technology stack or user interface design
When you are ready to begin, make an initial git commit with a blank README, .gitignore, or similar
Your last commit should be no longer than 4 hours from your first
Push your submission to a public git repository and email us the link for review

I chose a photo carousel NPM package that was clean-looking and fairly easy to implement. I'm pleased with the way it turned out!