- Render the cheapest 5 items on landing sorted by price
- User should be able to toggle between showing the cheapest 5 items and all items
- The user should be able to filter an item by name
- Typescript using functional components should be used to implement your solution
- The answer must be a full github public repo that can be cloned then installed and run by executing 'npm start' or 'yarn start'
- Add some 3rd party libraries if you feel like they are useful to deliver the requirement, show us your knowledge of the trends in modern development
- Show us your skills in styling your work, choose a framework or style from scratch, this can make a real difference
- Please show your knowledge around test driven development by writing tests and showing significant test coverage
- Pay attention to your naming conventions and patterns you are implementing
- There is no time limit, we obviously want to see your result as soon as possible but take your time, show us some quality
- Be prepared to explain where and how you used AI and what tools you used and describe the assistance it provided
Following the demo to the client of your proof of concept application above we have been asked to turn it into a working online shop that also allows an end user to create an account/login, add sweets to their shopping basket and ultimately buy sweets and have them shipped. It would also include ways for the shop to be updated and managed by the client. The client is keen to have a bespoke solution rather than an Ebay/Amazon/Shopify solution.
Please do not develop any code for this, instead we would like an architechural design on how you would implement the solution and how it maybe delivered.
Some suggestions below on areas that you may want to cover
- A diagram and explaination on the different application parts.
- Where data will be stored and how it will flow.
- Any security considerations.
- Any hosting/cloud infrastructure or components you would use and how you would configure them.
- Methodology you would incorporate to help make this a successful project.