Skip to content

Latest commit

 

History

History
60 lines (40 loc) · 1.83 KB

File metadata and controls

60 lines (40 loc) · 1.83 KB

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

Home Create Note Edit Note Delete Confirmation Modal Register Login