https://github.com/roycuadra/task-manager
The application allows users to manage tasks by adding new tasks and displaying existing ones in a list format. It also provides real-time updates using Firebase Firestore for data storage.
https://github.com/roycuadra/task-manager
dompurify firebase react sweetalert2 vite
Last synced: 3 months ago
JSON representation
The application allows users to manage tasks by adding new tasks and displaying existing ones in a list format. It also provides real-time updates using Firebase Firestore for data storage.
- Host: GitHub
- URL: https://github.com/roycuadra/task-manager
- Owner: roycuadra
- Created: 2024-05-11T13:46:23.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-11T14:31:29.000Z (about 2 years ago)
- Last Synced: 2025-10-06T22:01:55.843Z (9 months ago)
- Topics: dompurify, firebase, react, sweetalert2, vite
- Language: JavaScript
- Homepage: https://todo-app-firebase-omega.vercel.app/
- Size: 412 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [View Demo](https://todo-app-firebase-omega.vercel.app/)
## Dependencies
The application relies on the following external dependencies:
- **React**: The JavaScript library for building user interfaces.
- **DOMPurify**: Used for sanitizing user input to prevent cross-site scripting (XSS) attacks.
- **SweetAlert2**: Used for displaying visually appealing alerts to the user.
- **Material-UI**: Provides React components for building a responsive and customizable UI.
- **Firebase/Firestore**: Firebase is used as a backend service for real-time data storage and synchronization.
## Key Features
1. **Real-Time Data Synchronization**: The application fetches and displays tasks from Firestore in real-time.
2. **Add Task Functionality**: Users can add new tasks by entering task details into the input field and clicking the "Add Task" button.
3. **Input Sanitization**: User input is sanitized using DOMPurify to prevent XSS attacks before adding it to the Firestore database.
4. **Offline Support**: The application checks for internet connectivity before adding a new task. If there is no internet connection, it displays an error alert using SweetAlert2.