HenryAgu / StickNote

Henry's stick notes is a note taking web application designed for just anyone with busy schedules. This app helps users to take down short notes with ease, helping them stay organized at all times.

Henry's stick notes

Henry's stick notes is a note taking web application designed for just anyone with busy schedules. This app helps users to take down short notes with ease, helping them stay organized at all times.

Screenshot

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Reactjs (Hooks)

What I Learnt on the project

I learnt to use local storage to retain the notes(texts) entered into the input tag, so even when the page is reloaded the information will be retained.

  const [notes, setNotes] = useLocalStorage('notes',[]);

Roadmap

• When the page loads, enter a note of not more than 150 words and then click the button beneath.

• To delete the note, click the thrash icon on the cards that appears under with the note.

• To edit click the pencil icon, then the content appears back on the input box above, then you can edit it and resubmit BUT YOU WILL HAVE TO DELETE THE OLD NOTE.

Author

• Twitter - @_henryi
• LinkedIn - Henry Agu
• Instagram - @i_am_henry69

To Run this program on your device

• Open your terminal
• Locate this project
• Run 'npm init' to get the 'node module' folder
• Run 'npm start' to run the program on your local browser.