A simple notes app where you can create, edit, and delete notes. All stored in localStorage so you all your notes will be available when you come back to this site.

• react-icons for icons

• I learned how to use React TypeScript better especially when introducing the use of Context API.
• I have also learned the basics of creating responsive grid layouts
• Solidifed knowledge of important JS methods such as .map and .filter

• I will look into redoing the entire UI as it does not look visually appealing.
• Fix a layout change issue caused on initial load of the page. This is something to do with AnimatePresence initial={false} not working for the correct component so I will need to debug this.
• localStorage is not working in development mode. The temporary solution is removing StrictMode in the index.tsx but I think either the logic for checking if exisiting notes exist inside a useEffect is not working correctly.

git clone https://github.com/tahseenio/notes-react.git

npm install npm

npm run start

npm run deploy