/react-stickynote

React sticky note :heart: :pencil: :heavy_check_mark:

Primary LanguageTypeScript

Sticky Note

html tailwind react typescript netlify

stickynote gif

Check out the project on Netlify
Sticky Note is a simple project I built in 2021 to practice React and in 2022 added Typescript and Tailwind.

Features 👾

  • Add notes
  • Delete the notes

Installing / Getting started 👨‍🏭

Prerequisite to run the following commands => Node.js, Git, Yarn. 

git clone https://github.com/romeiro-bru/react-stickynote.git
cd react-stickynote
yarn install

Open the project and run yarn start

Write http://localhost:3000 in your browser

What I Learned

  • Style an element when it’s an even child using the even modifier.
  • Cutomize component color using square brackets.
<li className="even:bg-[#808f9e]">

Made with 🫀 by Bruna Romeiro 🥰

linkedin gmail
avatar