Giter VIP home page Giter VIP logo

harshahuja186 / noteslist-vue Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 879 KB

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.

HTML 1.39% Vue 68.84% JavaScript 29.77%
composition-api delete-note login-signup vuejs create-note edit-note update-note firebase firebase-auth stats-page

noteslist-vue's Introduction

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

noteslist-vue's People

Contributors

harshahuja186 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.