View Code? Open in Web Editor
NEW
A Todo List build with PERN Stacks
JavaScript 2.66%
HTML 0.79%
TypeScript 96.42%
CSS 0.13%
todo_list_pern's Introduction
TODO List Build by PERN Stack
- Form validation: can't submit empty and only space todos
- Gray out Submit button when input is empty and only space
- Create Header and Footer:
- Style the modal: make background blur
- Fix the footer bug
- Implement Shadcn for all the interfaces
- Add check box and line-through effect for isFinished
- During registering, when password is wrong, focus back to password and make the border red
- During registering, after click sign me up focus to 'enter email'
- In modal, allows user hit enter and save the edit
- Create conversation modal for Delete button
- useContext useReduer, or Zustand or Redux
- Make button component
- Implement button loading effect
- Make Loading effect
- Show password when user click the eye icon
- Icons: for buttons, app logos, close x in modal
- Modal can be closed when click the background of the modal
- search by time function
- search by word
- pagination
- Register Error handle: focus back to password input when user input different password
- Register Error handle: make input border red when user input different password
- Change the animation at the login page
- Add infrastructure at Home page
- Make hamburger menu
- Implement JWT cookie stored, includes access token and refresh token
- Implement sign in with Google
- Create Accessible Tabs for different themes: useContext for theme?
- Save jwt in the database, destroy it when client logs out?
- Delete the header route, useContext or props drilling? I don't need that.
- Implement React Hook Form
todo_list_pern's People
Contributors
Watchers