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

https://github.com/nasirkhan294/sticky-notes

This is a simple web-based Note list application built using React.js. The application allows users to create, read, update, and delete notes from their Sticky Notes. Users can search for specific notes. It uses local storage to store the user's notes, so they don't have to worry about losing their data.
https://github.com/nasirkhan294/sticky-notes

class-components css3 localstorage netlify-deployment reactjs

Last synced: 12 months ago
JSON representation

This is a simple web-based Note list application built using React.js. The application allows users to create, read, update, and delete notes from their Sticky Notes. Users can search for specific notes. It uses local storage to store the user's notes, so they don't have to worry about losing their data.

Awesome Lists containing this project

README

          

![Sticky Notes](./src/assets/sticky-notes.png)

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [:question: FAQ](#faq)
- [📝 License](#license)

# 📖 Sticky Notes

**Sticky Notes:** This is a simple web-based Note list application built using React.js. The application allows users to create, read, update, and delete notes from their Sticky Notes. Users can search for specific notes. It uses local storage to store the user's notes, so they don't have to worry about losing their data. This project is a great starting point for those who want to learn web development or want to build their own note management application.

## 🛠 Built With


  • CSS

  • React

### Key Features

- [x] **Single Page App**
- [x] **Add, Edit and Delete Functionalities**
- [x] **Medium Fidelity Design**

(back to top)

## 🚀 Live Demo

- [Live Project Demo](https://sticky-notes294.netlify.app/)

(back to top)

## 💻 Getting Started

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

```
ssh code:
git@github.com:Nasirkhan294/sticky-notes.git
```

### Setup

Clone this repository to your desired folder:

```
cd desired-folder
git clone git@github.com:Nasirkhan294/sticky-notes.git
```
### Install

- Run ` npm install `

### Usage

To run the project, execute the following command:

- Run ` npm start `

(back to top)

## 👥 Authors

👤 **Nasirkhan294**

- GitHub: [Github](https://github.com/Nasirkhan294)
- Twitter: [Twitter](https://twitter.com/NasirMa35888225)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/nasirmahd-8a8/)

(back to top)

## 🔭 Future Features

- [ ] **Reorder notes by dragging**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

Please support this project and be a part of something meaningful and impactful. Your contribution can make a significant difference and help us achieve our goals faster.

(back to top)

## 🙏 Acknowledgments

To all the individuals whose creativity and dedication inspired the codebase, I want to express my heartfelt gratitude. Your tireless efforts have left an indelible mark on this project and your contributions will be remembered for years to come. Thank you for being an integral part of our success.

(back to top)

## :question: FAQ

- **Can I fork and reuse this repository?**

Absolutely! Please feel free to fork and reuse this repository for your own projects.

- **Is it okay to improve this repository? Will my changes be accepted?**

Definitely! We welcome any improvements or new ideas you may have. If your changes are good and align with the project's goals, we would be happy to accept them.

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

(back to top)