Note App

A simple and efficient note-taking application built with React.

Screenshot

Demo

You can check out a live demo of note app here: note taking app

Table of Contents

• Features
• Getting Started
  • Prerequisites
  • Installation
• Project Structure
• Technologies Used
• Acknowledgments

Features

• Create, edit, and delete notes.
• Unique IDs generated using nanoid.
• Responsive design for various screen sizes.
• Easily customizable and extendable.

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• Node.js: Make sure you have Node.js installed. You can download it from nodejs.org.

Installation

1. Clone this repository:

  $ git clone git clone https://github.com:Mustapha-Nkhili/Note-app.git

2. Navigate to the project directory:

  $ cd Note-app

3. install the dependencies:

  $ npm install

4. Start the development server:

  $ npm run dev

5. Open your web browser and go to http://localhost:5173/ to see the app in action.

Project Structure

Note-app/
├── src/
|   ├── assets/
│   ├── components/
│   │   ├── Editor.jsx
│   │   ├── sideBar.jsx
|   ├── App.css
│   ├── App.jsx
|   ├── index.css
│   ├── main.jsx
├── index.html
├── package.json
├── README.md

• src/components/: Contains React components used in the project.
• src/App.jsx: The main application component.
• src/index.jsx: Entry point of the application.
• index.html: Static assets and HTML template.

Technologies Used

• React
• Vite
• nanoid library
• JavaScript
• HTML
• CSS

Acknowledgments

Special thanks to the creators of React, Vite, and nanoid for their amazing work.