https://github.com/azukaar/pbx-fullstack-test
Photobox Fullstack Test
https://github.com/azukaar/pbx-fullstack-test
Last synced: 7 months ago
JSON representation
Photobox Fullstack Test
- Host: GitHub
- URL: https://github.com/azukaar/pbx-fullstack-test
- Owner: azukaar
- Created: 2019-03-07T11:54:08.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-03-07T16:12:01.000Z (over 6 years ago)
- Last Synced: 2025-01-20T15:35:44.131Z (9 months ago)
- Language: JavaScript
- Size: 415 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Photobox Full Stack JS test
This test is designed for potential full stack developers to demonstrate their coding skills. It's intended to be done in less than 90 minutes, but don't hold back in showing your skills. We're mainly interested in seeing how you approach this problem and how far you'll get.
When you are commiting changes, please do this in a way you would do it in a normal development process.
The test does not have any intentional bugs. So if you do find any, you can relay them back to us. Start by cloning the repository, add your changes and send us a link back to your work.
## Deliverable
Your task is to create part of a listing page for the products that you receive from an API. The data for the listing page can be accessed via `/api/products` (see. /api folder). Tip: Where are the decimal indicators for the prices! :)
Please return at minimum a component and a test using `jest`. Feel free to import any modules that you feel you require or make any changes you deem necesary.
This is what a single product card should look like:
Behaviour of product cards at different breakpoints:
- Mobile (320px > screen < 480px): one product card per row
- Tablet (480px > screen < 768px): two product cards per row
- Desktop (768 px > screen < inf): three product cards per row
The product cards should be contained within 1024px and be aligned in the centre.
If the user types in any other URL, it should return a basic 404 page. Keep it stateless, if possible.
## Main commands
```bash
# Install the dependencies
yarn install
# Run website in dev (hot reload) mode ( http://localhost:3000 )
yarn start
# Run the unit tests
yarn test
```
## Other useful commands
```bash
# Create a production build
yarn build
# Serve content from build folder
yarn global add serve
serve -s build
```