Use the given Strapi API or build your own API using any technology but it MUST BE publicly hosted. (Do not submit your API code if you create your own. If you do build and host your own API, the content type it serves must include at least 3 properties)
Choosing appropriate variable and function names will form part of your assessment, as will proper and consistent formatting of your code.
Make a GET request to fetch a list of resources from your API.
Create HTML for each item and display at least 3 properties for each.
Each item should also display a button or icon. Clicking on this button should toggle the item in and out of an array stored in localStorage.
There should be a text input on this page that filters the array of results on one of the properties.
This page should fetch the array of items stored in localStorage and display them or display a message that there are no items.
There should be a “Clear all” button that clears localStorage (or just a specific key in localStorage) and reloads the display. Don’t reload the page, just redraw the HTML.
Add a login form to your frontend that will allow a logged in admin user to perform the following tasks:
- Adding new resources to the API
- Updating resources through an edit form
- Deleting resources
Username: admin@admin.com
Password: Pass1234
- Clone the repo:
(Note that you will need to replace uppercase letters when cloning in order for React to run)
git clone git@github.com:InfiAest/JavaScript2-course-assignment.git
- Install the dependencies:
npm install
To start the Strapi project:
npm run develop