The Full Stack Reminder App is a web application designed to help users manage their reminders efficiently. Whether it's for personal tasks, events, or important dates, this app allows users to create, view, edit, and delete reminders easily. The app provides a user-friendly interface to interact with reminders and ensures timely notifications.
- Create reminders with date and time
- Set subject, description, and contact details
- Recurrence options for periodic reminders
- View a list of all reminders
- Edit existing reminders
- Delete reminders
- Real-time notifications and reminders via Twilio
- Full-stack architecture using MERN (MongoDB, Express, React, Node.js)
- Frontend: React, HTML, CSS
- Backend: Node.js, Express.js, MongoDB
- Database: MongoDB Atlas
- Real-time Notifications: Twilio
Before running the project, ensure you have the following software/tools installed on your machine:
-
Clone the repository:
git clone https://github.com/yourusername/full-stack-reminder-app.git
Replace
yourusername
with your actual GitHub username. -
Navigate to the project directory:
cd full-stack-reminder-app
-
Install project dependencies:
npm install
-
Set up your environment variables. Create a
.env
file in the root directory and add the following:ACCOUNT_SID=your_twilio_account_sid AUTH_TOKEN=your_twilio_auth_token
Replace
your_twilio_account_sid
andyour_twilio_auth_token
with your actual Twilio credentials. -
Start the development server:
npm start
This will start both the server and the React frontend.
-
Access the app by opening it in your web browser at
http://localhost:3000
. -
Create reminders by clicking the "Create Reminder" button and filling in the details.
-
View, edit, and delete reminders as needed from the reminders list.
-
Experience real-time notifications via Twilio for your reminders.
Contributions are welcome! Feel free to open issues or submit pull requests to help improve this project.
Special thanks to the open-source community for providing the tools and libraries that made this project possible.
Please replace `yourusername` in the clone URL with your actual GitHub username, and update the Twilio credentials in the `.env` section before pasting this content into your README.md file.