Using React and supporting libraries of your choice, build a simple web application to fulfill this user story. It doesn't need to be polished aesthetically, but it should meet the basic requirements in a robust manner.
- Creation of a film review with review text attribute.
- A review can be deleted.
- Each review should have its own canonical url.
- Films are searchable by the title field.
- All reviews are navigable from a single index view.
- The reviews in the index view are filterable by film genre.
- Reviews are persisted locally and reconstituted when the application is reopened.
- Apply responsive CSS to optimize the layout for the available screen size.
Index and show views
Form view
This is an opportunity to demonstrate your approach to problem solving, both in terms of the final code and the commits along the way. This part is important, please demonstrate how you approach the task by expressing yourself in a series of incremental commits. You are of course welcome to edit your commit history before sharing your solution.
You may wish to fork this repository into your local github account, or you may wish to simply clone it in to a private repository you control. As long as we can see your work, whatever you prefer is fine. When you are ready to share your work please push your work back to your repository, and share the link.
- Once you have the code checked out locally, first run
npm install - Run
npm run devfor dev server at http://localhost:5173 - You can also run
npm run buildto build the app bundle into dist, and then to preview the built app, runnpm run preview
- Vite boilerplate already included
- Using icons as in the wireframe is not mandatory
- The JSON API url (declared in
app/constants.ts) is a static JSON file containing a limited snapshot of films. - For the purpose of this exercise, no state needs to be persisted back to a backend server. It is a 'local' app.
Reach out over email if you have any questions!