We've been asked to create a new website for one of of our art gallery clients. The website will show images of the galleries art and users should be able to read more information about each piece.
The site should be built using the latest best practices, needs to be accessible and should use our API.
At Axiell our FE framework of choice is React, but please feel free to use whatever tools / libraries you'd like. Try to demonstrate your creative skills as well as your technical knowledge.
We have put together a couple of simple wireframes to be used as a guide to what we need to build.
The homepage should show a grid of the gallery images.
Clicking an image should give a detail view with additional details about the art work displayed alongside a larger.
- The site should be responsive and work well across mobile / tablet / desktop devices
- Accessible
Some ideas for additions that could really make your project stand out:
- An attractive design / finish
- Image search / filtering / tags
- Routing
- Animations
- Pagination
Feel free to be creative and add anything you like!
Important Note - Your time is precious so please don't spend days and days turning your project into Skynet. If you run out of time / steam, make some notes for us to read about what you would do given more time.
http://axielldevtest.eastus2.cloudapp.azure.com:3000/api/media
You can offset the result like so: /api/media?offset=50
/api/media/<id of the media item>
Example:
http://axielldevtest.eastus2.cloudapp.azure.com:3000/api/media/5d5d59ff4431ba89d176b574
As previously mentioned, React is our FE framework of choice at Axiell so if you have React experience then show us your stuff! If not then that's okay too, we're happy to teach you! Just use whatever you're comfortable with.
Feel free to use Create React App, Bootstrap and any other packages / libraries / tools that you like.
It should be possible to deliver the project as a static site / bundle, so you could zip it up and send it to us but it'd be nice to see your project hosted.
We will assess the task based on the following criteria:
- Code quality (think clean & modular)
- How it looks visually and the techniques used to style the application
- Responsive web design techniques used
- Accessibility
- Any extra bonus bits