Git Product home page Git Product logo

akshat143 / task-manager Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 293 KB

This is a React app that fetches and displays todos from a JSONPlaceholder API based on user ID input. It uses useState and useEffect hooks for state management and error handling. The app also includes a dark theme toggle button and custom CSS styling for the layout. The code has been updated to use the async/await syntax for the fetch request.

HTML 10.77% CSS 37.06% JavaScript 52.17%

task-manager's Introduction

Task Manager

The purpose of this task is to create a simple to-do application that lists todos for a user.

What needs to be done

You need to create a simple /todos page. The page will have

  1. An input field to input user id.
  2. List of todos for that user.
  3. Some identification whether the todo is completed or not.

Note

  • Initially, the list of todos will be empty.
  • Once we input the user ID and press enter, the list should populate.
  • The todos with completed as yes should have "โœ“" against it.

You will use the 3rd party API(details below) to fetch and filter the list of todo. Here is a typical todo payload.

{
    "userId": user id,
    "id": todo id,
    "title": description of the todo,
    "completed": yes/no
},

The attachment has a boilerplate react js code which you can use as a starting point. Please stick to the same project structure.

Once the assignment is ready:

  • Add the code to your personal Github account.
  • Reply to the email with the link to your Github repository & your contact details.
  • We will evaluate the submission & schedule the next round.

task-manager's People

Contributors

akshat143 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.