Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryana265/reminder-app
Simple React to-do list app with add and delete functionality.
https://github.com/ryana265/reminder-app
react react-bootstrap todolist
Last synced: about 17 hours ago
JSON representation
Simple React to-do list app with add and delete functionality.
- Host: GitHub
- URL: https://github.com/ryana265/reminder-app
- Owner: Ryana265
- Created: 2024-10-05T17:39:32.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2024-10-31T11:53:25.000Z (18 days ago)
- Last Synced: 2024-10-31T12:31:57.782Z (18 days ago)
- Topics: react, react-bootstrap, todolist
- Language: JavaScript
- Homepage: https://reminder-app-ochre.vercel.app
- Size: 43 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Reminder App 📝
A simple React-based to-do list app that helps you manage reminders efficiently. This app uses `React Bootstrap` for styling and layout.
## Features
- Add new reminders
- Delete reminders when done
- Responsive and user-friendly interface
## Demo
## Built With
- **React** - JavaScript library for building user interfaces
- **React Bootstrap** - Styling and layout for a responsive design
## Getting Started
Follow these instructions to get a copy of the project running on your local machine.
### Prerequisites
- **Node.js** and **npm** installed on your machine
- Familiarity with **React** and **React Bootstrap**
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/yourusername/reminder-app.git
```
2. **Navigate to the project directory:**
```bash
cd reminder-app
```
3. **Install dependencies:**
```bash
npm install
```
4. **Run the app locally:**
```bash
npm start
```
The app will be available at [http://localhost:3000](http://localhost:3000).
### Usage
- **Add a Reminder**: Type in the input field and click `Add To-Do` to add a new reminder.
- **Delete a Reminder**: Click on the check icon next to a reminder to remove it from the list.
### Acknowledgments
- **React Bootstrap** for easy-to-use styling components
- **Font Awesome** icons used for the delete button
---
Enjoy managing your tasks with ease! 😄
### React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh