Skip to content

Latest commit

 

History

History
96 lines (59 loc) · 2.9 KB

README.md

File metadata and controls

96 lines (59 loc) · 2.9 KB
Raw

Notes App

This is a simple web application built with ReactJS, HTML, and CSS that allows users to create, delete, and search notes. Additionally, it includes a character counting feature with customizable limits for each note.

Features

  • Create Notes: Users can create new notes by entering a title and content for each note.
  • Delete Notes: Users can delete existing notes.
  • Search Notes: Users can search for specific notes by entering keywords.
  • Character Counting: Each note has a character count displayed, and users can set a character limit for each note.

Technologies Used

  • ReactJS: A JavaScript library for building user interfaces.
  • HTML: The standard markup language for creating web pages.
  • CSS: A style sheet language used for describing the look and formatting of a document written in HTML.

Getting Started

Follow the instructions below to get a copy of the project up and running on your local machine.

Prerequisites

  • Node.js: Make sure you have Node.js installed on your machine. You can download it from https://nodejs.org.

Installation

  1. Clone the repository to your local machine using the following command:

    git clone https://github.com/your-username/notes-app.git

  2. Navigate to the project directory:

    cd notes-app

  3. Install the required dependencies using npm or yarn:

    npm install

    or

    yarn install

  4. Start the application:

    npm start

    The application will be running at http://localhost:3000.

Usage

Once the application is running, you can access it in your web browser by visiting http://localhost:3000.

Creating a Note

  1. Click on the "New Note" button.
  2. Enter a title and content for the note.
  3. Click "Save" to create the note.

Deleting a Note

  1. Locate the note you want to delete.
  2. Click on the "Delete" button associated with the note.

Searching for Notes

  1. Enter keywords in the search bar.
  2. The notes that match the search criteria will be displayed.

Character Counting and Limit

  • The character count for each note is displayed below the note's content.
  • To set a character limit for a note, you can modify the code in the application to add an input field for the limit and update the character count display accordingly.

Contributing

Contributions are welcome! If you find any issues or would like to contribute to the project, please feel free to submit a pull request or open an issue on the repository.

License

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

Acknowledgments

  • This application was built following the principles of ReactJS and the guidance provided by the React documentation and community.
  • Special thanks to the developers of the various open-source packages used in this project.