Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mk4levi/mk-notes-keeper

This Notes-Keeper React app is an user-friendly and efficient note-taking application. Users can easily create, edit, and delete notes using the intuitive interface.
https://github.com/mk4levi/mk-notes-keeper

bootstrap5 css3 html5 javascript jsx reactjs reactjs-components reactjs-hooks

Last synced: about 2 months ago
JSON representation

This Notes-Keeper React app is an user-friendly and efficient note-taking application. Users can easily create, edit, and delete notes using the intuitive interface.

Awesome Lists containing this project

README

        

# Notes-Keeper React App

## => This Notes-Keeper React app is an user-friendly and efficient note-taking application. Users can easily create, edit, and delete notes using the intuitive interface.

## Project's Live Website Link => https://mk-notes-keeper.netlify.app/

Getting Started

1. To get started with this project, you will need to have `Node.js` and `NPM` installed on your system

2. First, you need to open a `Terminal` in your system and `Clone` this repository by using :

```bash
git clone https://github.com/Mk4Levi/MK-Notes-Keeper.git
```

3. Navigate to the Project's directory :

```bash
cd MK-Notes-Keeper
```

4. Install all Dependencies used in this Project :

```bash
npm install
```

5. Finally, host it on local server :

```bash
npm run dev
```

6. Now just search this in your browser to view the live running application in your Local sysytem :

```bash
http://localhost:5173
```

Paths & Files

### Structure of the Folders & Files in this Repo :

```text
.
├── public
│ └──images
| └──index.html
├── src
│ ├── components
│ ├── CreateNote.jsx
│ ├── Footer.jsx
│ ├── Header.jsx
│ ├── Note.jsx
│ ├── css
│ ├── style.css
│ ├── App.jsx
│ ├── index.jsx
├── .eslintrc.json
├── .gitattributes
├── .gitignore
├── package-lock.json
├── package.json
├── README.md
├── vite.config.js
```

# Thank You