Coder Social home page Coder Social logo

hasanjunaid / memo-stack Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 28.23 MB

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

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

License: MIT License

JavaScript 61.38% HTML 6.98% CSS 31.65%

memo-stack's Introduction

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 [email protected].

memo-stack's People

Contributors

hasanjunaid avatar

Stargazers

Laiba Sheikh avatar Fizzah Imtiaz avatar Syed Muhammad Haris 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.