A simple and efficient note-taking application built with React.
You can check out a live demo of note app here: note taking app
- Create, edit, and delete notes.
- Unique IDs generated using nanoid.
- Responsive design for various screen sizes.
- Easily customizable and extendable.
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
- Node.js: Make sure you have Node.js installed. You can download it from nodejs.org.
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.
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.
- React
- Vite
- nanoid library
- JavaScript
- HTML
- CSS
Special thanks to the creators of React, Vite, and nanoid for their amazing work.