https://github.com/maran1947/planyourday

React application that helps you plan your day and makes you productive. With this, we will learning how to use Local Storage in React.
https://github.com/maran1947/planyourday

localstorage planyourday-react-application react-local-storage react-project to-do-app

Last synced: 16 days ago
JSON representation

React application that helps you plan your day and makes you productive. With this, we will learning how to use Local Storage in React.

• Host: GitHub
• URL: https://github.com/maran1947/planyourday
• Owner: Maran1947
• Created: 2021-12-29T11:08:06.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-30T06:53:32.000Z (about 3 years ago)
• Last Synced: 2024-11-19T19:46:53.609Z (3 months ago)
• Topics: localstorage, planyourday-react-application, react-local-storage, react-project, to-do-app
• Language: JavaScript
• Homepage:
• Size: 2.22 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Plan Your Day - React App

React application that helps you plan your day and makes you productive.

With this, we will learning how to use __Local Storage__ in React.

# 🏗 Built with

- React.js

### 🍔 Things Used

- ♟ useState 

- ♟ useEffect

- ♟ local storage

- ♟ react-notify-toast

## 🏗 Setup 

1. Fork the repo by clicking the fork button

2. Clone the repo

```

    $ git clone https://github.com/your_github_username/PlanYourDay.git

```

3. change to project directory

```

    $ cd PlanYourDay

```

4. you need to install node_modules

```

    $ npm install

```

It's time to run the project

```

    $ npm start

```

# 📷 Screenshots

![Tasks Screen](./src/img/screen_1.png)


![Success Popup](./src/img/screen_2.png)


![Delete Popup](./src/img/screen_3.png)


![No Tasks](./src/img/screen_4.png)