hasanjunaid / Memo-Stack

A React and Firebase web app for real-time collaborative note-taking.

Home Page:https://memostack.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Memo Stack

Overview

This is a simple note-taking web application built with React and Firebase. It allows users to create, update, and delete notes in real-time. The app leverages Firebase's real-time database to provide a seamless and collaborative note-taking experience.

Features

  • Create new notes with a title and content.
  • Edit existing notes in real-time.
  • Delete notes when they are no longer needed.
  • Firebase backend for secure and reliable data storage.

Getting Started

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Node.js and npm installed on your local machine.
  • Firebase account and project created.

Installation

  1. Clone this repository:

    git clone https://github.com/hasanjunaid/Memo-Stack.git
  2. Change directory to the project folder:

    cd memo-stack
    
  3. Install the required dependencies:

    npm install
    
  4. Set up Firebase configuration:

  • Create a Firebase project and obtain your Firebase configuration object.
  • Replace the Firebase configuration in src/firebase.js with your own configuration.

Usage

  1. Start the development server:

    npm start
    
  2. Open your browser and go to http://localhost:3000 to use the app.

Deployed Version

You can access the deployed version of Memo Stack at https://memostack.netlify.app/

About Memo Stack

  • Start the app:

image

  • Create a new note:

image

  • Write your first note:

image

  • Preview your note:

image

License

This project is licensed under the MIT License - see the LICENSE file for details.

Copyright Issue

Please note that while this repository provides a basic template for a React Note App with Firebase, it's essential to respect copyright laws and licensing agreements when using external libraries, frameworks, or assets. Be sure to review and comply with the licenses of any third-party packages or code used in your project.

Always check the licensing terms and restrictions for any dependencies you include in your project. Additionally, if you plan to publish your app, make sure you have the necessary rights or permissions for any content or assets used in your application.

Acknowledgments

This project was inspired by the need for a simple, real-time note-taking solution. Special thanks to the open-source community for their valuable contributions.

Contact

If you have any questions, suggestions, or issues, please feel free to contact mhasanjunaid07@gmail.com.

About

A React and Firebase web app for real-time collaborative note-taking.

https://memostack.netlify.app/

License:MIT License


Languages

Language:JavaScript 61.4%Language:CSS 31.6%Language:HTML 7.0%