/Keeper-App

• Created a sophisticated Note‐keeping web application, utilizing React, HTML, and CSS, enabling users to create, store, and man notes seamlessly. Implemented a dynamic feature allowing users to delete after creation, enhancing user control and organization within the application.

Primary LanguageJavaScript

Google Keep Clone

Table of Contents

Introduction

The Google Keeper Clone is a web application built using React.js that allows users to create and manage notes, just like Google Keep. This project serves as a simple and efficient way to organize your thoughts, to-do lists, and other important information.

With the Google Keeper Clone, you can easily create, edit, and delete notes. It provides a user-friendly interface that makes it easy to keep track of your notes and stay organized.

Features

  • Create new notes with titles and content.
  • Edit existing notes to update their content.
  • Delete notes when they are no longer needed.
  • Organize your notes in a visually appealing way.
  • Responsive design for a seamless experience on both desktop and mobile devices.

Technologies

  • React.js: The project is built using React.js, a popular JavaScript library for building user interfaces.

Getting Started

To run this application locally, follow these steps:

  1. Clone this repository to your local machine:

    git clone https://github.com/your-username/google-keeper-clone.git

  2. Navigate to the project directory:

    cd google-keeper-clone

  3. Install the project dependencies:

    npm install

  4. Start the development server:

    npm start

  5. Open your web browser and visit http://localhost:3000 to use the Google Keeper Clone web app.

Usage

  1. Creating a New Note:

    • Click the "Add" button at the bottom of the screen.
    • Enter a title and content for your new note.
    • Click the checkmark icon to save the note.

  2. Editing a Note:

    • Click on an existing note to open it for editing.
    • Modify the title and content as needed.
    • Click the checkmark icon to save your changes.

  3. Deleting a Note:

    • Hover over a note.
    • Click the trash icon to delete the note.

  4. Organizing Notes:

    • You can drag and drop notes to rearrange their order as desired.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them.
  4. Push your changes to your fork.
  5. Open a pull request with a clear title and description.

License

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