Meotes

Welcome to my Advanced React web app for taking notes! This app lets you create and organize notes using Markdown, and store them securely in Firebase.

You can also create tags and add them to your notes, making it easy to find and filter your content later.

With a personal account, you can access your notes from anywhere and keep them synchronized across devices.

Whether you're a student, a writer, or just someone who likes to stay organized, this app is perfect for managing your ideas and thoughts. Give it a try and start taking better notes today!"

.env Variable :

• VITE_APP_API_KEY=XXXXXX
• VITE_APP_AUTH_DOMAIN=XXXXXX
• VITE_APP_PROJECTID=XXXXXX
• VITE_APP_STORAGEBUCKET=XXXXXX
• VITE_APP_MESSAGINGSENDERID=XXXXXX
• VITE_APP_APPID=XXXXXX

Packages used and their versions :

• Dependencies :

  • bootstrap : ^5.2.3
  • firebase : ^9.21.0
  • react : ^18.2.0
  • react-bootstrap : ^2.7.4
  • react-dom : ^18.2.0
  • react-hot-toast : ^2.4.1
  • react-icons : ^4.8.0
  • react-markdown : ^8.0.7
  • react-router-dom : ^6.11.1
  • react-select : ^5.7.3
  • styled-components : ^5.3.10
  • uuid : ^9.0.0

• DevDependencies :

  • @types/react : ^18.0.28
  • @types/react-dom : ^18.0.11
  • @vitejs/plugin-react-swc : ^3.0.0
  • eslint : ^8.38.0
  • eslint-plugin-react : ^7.32.2
  • eslint-plugin-react-hooks : ^4.6.0
  • eslint-plugin-react-refresh : ^0.3.4
  • vite : ^4.3.2

Run Locally

Clone the project

  git clone /~https://github.com/manishbajagai2/Meotes.git

Go to the project directory

  cd Meotes

Install dependencies

  npm install

Start the server

  npm run dev