Skip to content

gilseg10/React-project1

Repository files navigation

React Project 1

This project is based on data from JSONplaceholder.

The idea is to handle a "Data Base" only on the client side, initialized by the API of JSONplaceholder.

Main Functionallity

  1. Presenting Users: the UI presents all the users data, according to the users id. Users with UNCOMPLETED tasks (todos) are marked with a red border. Users with all tasks completed – with green border.

App Starts

  1. Search Filter: when entering a text in the “search” text box, the users list presents anly users that their name or email contains that text.

Search

  1. Other Data: each user has "Other Data" section. When “Mouse over” this section, more user info is presented.

Other Data

  1. Update/Delete operations for every user.

  2. Todos-Posts Section: when clicking on the ID label, the user region will be colored in orange and the user’s posts and todos are presented to the right.

todos-posts section

  1. Add New Todo: when press on “Add” above the Todo list, the list is replaced with a place for adding a new Todo. A press on “cancel” brings back the Todo list.

Add Todo

  1. Add New Post: when press on “Add” above the Post list, the list is replaced with a place for adding a new post. A press on “cancel” brings back the Post list.

Add Post

  1. Add New User: when press on “Add” above the Users list, The right side will be navigated to a new user “screen”. The “other data” appears blank in creation but can be updatded only on update user’s data.

Add User

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published