MEAN & MERN Stack Assignments

 Create " Adduser " component and add User registration form to it with username , date of birth and city fields.  Validation rules:         All fields are mandatory         Username should have min length of 4 characters and max of 8 characters. Note: After a new user, the table should render the latest data

    Take a counter in Parent component and increment & decrement its value from Child component.

 Make API call to  "  https://jsonplaceholder.typicode.com/users " , get data into "Users" component and display it as 4 cards in a row (Bootstrap grid of cards). Add " Add User " button to each card. When we click on "Add user" button, the user count need to be incremented by one in "Usercount" component.

 1.Design the following UI 2.Create the following Layout 

 1. Consider the following component hierarchy . Root component have 6 Products components as children. Create one Product component and reuse it for 6 times , each time passing different data as props( product image, name, brand, price) The final UI should have 3 products in each row. Use CSS flex. Use the following products array for sample data set [   {     id: 1,     title: "Fjallraven - Foldsack No. 1 Backpack, Fits 15 Laptops",     price: 109.95,     description: "Your perfect pack for everyday use and walks in the forest. Stash your laptop (up to 15 inches) in the padded sleeve, your everyday",     category: "men's clothing",     image: "https://fakestoreapi.com/img/81fPKd-2AYL._AC_SL1500_.jpg",     rating: {       rate: 3.9,       count: 120     }   },   {     id: 2,     title: "Mens Casual Premium Slim Fit T-Shirts ",   ...

 1.Get data from  the API "  https://jsonplaceholder.typicode.com/todos " and   display the data in both table and grid of cards format 2. Read a number as input from user and print the factors of it on web page. 3. Read two numbers as input from user and create a simple calculator to perform arithmetic operations and the result can be printed on webpage. 4. Read a number and print whether it is prime or not

 1. Create a promise which can be either fulfilled or rejected after 5 secs   2. Revise HTML elements like table, div,  span,  img etc...and design the following layout using HTML and CSS