silviajcn / NotesApp

Notes App (React -TypeScript)

🌎 Notes App

Notes App is a universal app that allows you to write and leave notes, edit and delete them!

Note: All the notes you enter will be saved in the local storage of your device.

I did this practice following the steps given by Ernest Achiever in his Youtube tutorial React Notes App Tutorial. This is the result of his tutorial:

📃 In the application you can:

• Create notes ✅
• Edit the notes that have been created ✅
• Delete existing notes ✅
• Search for a specific note ✅

⚙️ Changes made:

• To make this application I decided to do it with React but with TypeScript and not with JavaScript. Working with TypeScript allowed me to practice with this language, being quite a challenge when having to type the props.
• I decided to make the application fully responsive, because in the tutorial the app would only look good on mobile but on desktop it would not take advantage of all the space on the screen.

🖱️ Visit the app here:

https://notes-app-silvi.netlify.app/

📁 Project:

• React
• TypeScript
• HTML
• CSS
• Local Storage

📌 Dependencies

• react
• react-dom
• react-router-dom
• react-icons

💼 Prerequisites

• Node.js
• npm

⚙️ Installation

• Clone the latest code on the master branch
  • git clone https://github.com/silviajcn/NotesApp.git
• Install dependencies
  • npm install
• Run the web server!
  • npm run dev

🎈 Usage

• Navigate to http://localhost:5173 on your browser

😍 Screenshots of the completed challenge

Desktop:

Mobile:

😎 Author

• Silvia C. Navarro - @silviajcn

• Mi portafolio - Mi portafolio