Todolist React app
Problem statement Create a Todolist app.
Instructions You are ALLOWED to style the app any way you like, you can use any CSS framework if you want. You are ALLOWED to google and read how to approach the problem. DO NOT copy and paste code from the internet. DO NOT cheat with other students. REMEMBER: These tests are for YOU so that you can learn something new. Cheating won’t help. It’s better to not submit the solution than to cheat and submit. PS: There will be a plagiarism check and when found cheating, you won’t be allowed to give future tests. Once you have finished with the test, make a video recording your computer screen (via phone or a software like OBS/screencastify etc) and explaining how you have approached the problem IN CODE and showing ALL THE FEATURES OF the final product. The video can be UPTO 5 mins long. Please don’t record videos longer than that. Upload the code on github as well, you might not host it SO MAKE SURE VIDEO IS PERFECT (you MIGHT need to host it somewhere I will share the steps if hosting would be required). Once you have recorded the video, upload it on youtube (unlisted or whatever), drive or wherever you want to upload it. If no video is submitted, the solution will be rejected.
Features (No need for extra features, just make the listed features) Fetch and show todo items from the api - https://jsonplaceholder.typicode.com/todos Add a todo item, make a POST call to the above url (from where you are fetching) and save the item in react state. (This will be a dummy request, you won’t be able to add items to the server. But the request is valid and will send you some data. Read the guide). Update the item, make a PUT call to the above url. (Again this is a dummy call). Delete an item, make a DELETE call to the above url. (Again this is a dummy call).
Points on which the project will be judged All functionalities mentioned above VIDEO HOST the project else your submission will be rejected! Github Readme.md file ( a good readme should contain folder structure, how to start a project etc) Code and Structure Comments Structuring of files and folder Indentation Variables and functions naming Design Creativity