Thank you for allowing me the opportunity to take this challenge, I had quite a lot of fun coding this project!
This project requires node.js
- Clone this repo:
git clone git@github.com:hunter547/fe-code-challenge.git - Once cloned, cd into the project:
cd fe-code-challenge - Install project dependencies:
npm install - Start app with mock api:
npm run dev:api - Navigate to http://localhost:8080/ in a browser
- Client-side App - http://localhost:8080/
- Mock API - http://localhost:8081/api/categories
- Make sure steps 1 - 3 are completed in the section above.
- To run all unit tests:
npm run jest - To test for code coverage of all tests:
yarn jest --coverage - To inspect coverage reports in depth, navigate to the coverage folder of this project
- Redux
- Enzyme
- React-Router-Dom
- React-Modal
- React-Spinners
- React-Tooltip
If you're feeling extra 💪 feel free to do some bonus tasks.
✅ Add unit tests
✅ Run your code through our linting rules
✅ Store the user’s data so if they return to the site a few days later, they don’t have to start over again
- Hosting this mock api proved an interesting challenge, being that the data is generated programmatically.
- To see the process of hosting the backend/api on Heroku, I set up a repository and a readme here: bouqs-challenge-backend.
- For the front-end hosting, that was very easy to do on Netlify, just pick the repository and build it to the dist folder.
- The front-end of the project can be visited here: https://bouqs-fe-challenge.netlify.app/
Note: If the flower grid doesn't populate right away when visiting the front-end site, please allow some time for the Heroku dynos to wake up and serve data.
I made some changes after submitting for additional features and styling. I've been enjoying this challenge and keep thinking of new things I want to do. I understand if these changes won't be considered, so I made a "original submission" branch. That being said, I hope you can see what else I've added. 🙂