harshahuja186 / NotesList-vue

The "NotesList" project is a dynamic note-taking web application developed using Vue.js, JavaScript, and Firebase. Users can effortlessly create, edit, and delete notes with an intuitive interface. The application incorporates user authentication through Firebase, allowing users to register and securely save their notes to a Firebase database.

NotesList Project

Welcome to NotesList – a dynamic note-taking web application built with Vue.js, JavaScript, and Firebase. This project allows users to effortlessly create, edit, and delete notes. With a sleek and intuitive design enhanced by vanilla CSS styling, NotesList provides a seamless user experience.

---

Features

Create Notes: Easily jot down your thoughts, ideas, or reminders with the note creation feature.

Edit Notes: Need to make changes? No problem! Edit your notes to keep them up-to-date.

Delete Notes: Remove unwanted notes with a simple click. A delete confirmation modal ensures reconfirmation.

User Authentication: Register and log in to securely save your notes to the Firebase database.

---

Technologies Used

• Vue.js: A progressive JavaScript framework for building user interfaces.
• JavaScript: The backbone of the project, providing functionality and interactivity.
• Firebase: A real-time database for secure and efficient data storage and retrieval.
• Vanilla CSS: Custom styling to enhance the visual appeal and usability of the application.

Getting Started Clone the repository:

git clone [https://github.com/your-username/NotesList.git](https://github.com/harshahuja186/NotesList-vue.git)

Navigate to the project directory:

cd NotesList

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Screenshots