Created a React App using mulitple components to create a login interface which takes input and renders an item using the data on the page.
- Allows user to enter input data into the text field and renders an item using that data on the screen
- Uses modals on two special cases
- First, both the text fields are empty a dialog box is shown which says "Invalid input" and asks to enter valid data
- Second, if age is less than 0, a dialog box appears which says "Invalid input" and asks for a valid age
- Need to figure out to conditonally render the div that holds the list items when button clicked and no data is added.
- Implement deletion of items when clicked on
- Improve the general UI design
- Attach to a database store content permanently and add authorization
- Data will be different based account(using Authorization)
- Add a separate user login page where you can sign in with email and password or Google Sign in
To start the project, (make sure you have npm installed) :
- First clone the project locally
- Open it with a code editor
Then run the following commands in the terminal
npm install
npm start