https://github.com/mk4levi/notes-app-with-firebase

Notes React app is a user-friendly and efficient note-taking application. Backend of this React-App is linked with Firebase, so your Notes will not be lost. Users can easily create, edit, and delete notes using the intuitive interface
https://github.com/mk4levi/notes-app-with-firebase

css3 eslint firebase firestore html5 javascript react-effects react-states reactjs

Last synced: 10 days ago
JSON representation

Notes React app is a user-friendly and efficient note-taking application. Backend of this React-App is linked with Firebase, so your Notes will not be lost. Users can easily create, edit, and delete notes using the intuitive interface

• Host: GitHub
• URL: https://github.com/mk4levi/notes-app-with-firebase
• Owner: Mk4Levi
• Created: 2023-07-11T04:32:31.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-21T20:50:20.000Z (3 months ago)
• Last Synced: 2024-10-07T09:24:41.402Z (about 1 month ago)
• Topics: css3, eslint, firebase, firestore, html5, javascript, react-effects, react-states, reactjs
• Language: JavaScript
• Homepage: https://notes-app-mk.vercel.app
• Size: 248 KB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Notes-App with Firebase

## => This Notes React app is a user-friendly and efficient note-taking application. Backend of this React-App is linked with Firebase, so your Notes will not be lost.

## Website Link => https://notes-app-mk.vercel.app/

## Project's Screenshots =>

![image](./src/assets/ss.png)

Getting Started


1. To get started with this project, you will need to have `Node.js` and `NPM` installed on your system.

2. First, you need to open a `Terminal` in your system and `Clone` this repository by using :

```bash

git clone https://github.com/Mk4Levi/Notes-App-with-Firebase.git

```

3. Navigate to the Project's directory :

```bash

cd Notes-App-with-Firebase

```

4. Install all Dependencies used in this Project :

```bash

npm install

```

5. Finally, host it on local server :

```bash

npm run dev

```

6. Now just search this link in your browser to view the live running application in your Local sysytem :

```bash

http://localhost:5173

```

Paths & Files


### Structure of the Folders & Files in this Repo :

```text

.

├── public/

├── src

│   ├── assets/

│   ├── components/

│         └── Editor.jsx

│         └── Sidebar.jsx

│         └── index.js

│

│   ├──  css/

│         └──style.css

|

│   ├── App.jsx

│   ├── index.jsx

│   ├── vercel.json

│

├── .eslintrc.json

├── .gitattributes

├── .gitignore

├── index.html

├── package-lock.json

├── package.json

├── README.md

├── vite.config.js

```

# Thank You