Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/o2sa/notes-app
Simple notes app
https://github.com/o2sa/notes-app
firebase notes notes-app react website
Last synced: 13 days ago
JSON representation
Simple notes app
- Host: GitHub
- URL: https://github.com/o2sa/notes-app
- Owner: O2sa
- Created: 2023-12-06T02:46:16.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-10T06:06:01.000Z (10 months ago)
- Last Synced: 2024-03-11T06:40:40.408Z (10 months ago)
- Topics: firebase, notes, notes-app, react, website
- Language: JavaScript
- Homepage: https://learn-ract.onrender.com/
- Size: 31.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Notes-App
Notes-App is a simple tasks manager website built to help users organize their tasks efficiently. The application allows users to create, edit, delete, and mark tasks as completed. Notes-App provides a user-friendly interface and real-time updates using React and Firebase.
## Features
- **Task Management**: Create, edit, delete, and mark tasks as completed.
- **Real-time Updates**: Instantly sync tasks across multiple devices with Firebase real-time database.
- **User Authentication**: Secure user authentication system allowing users to register, login, and manage their accounts.
- **Responsive Design**: Mobile-friendly layout for seamless task management on any device.## Technologies Used
- React: JavaScript library for building user interfaces.
- Firebase: Backend as a service (BaaS) platform for real-time database and user authentication.
- HTML/CSS: Markup and styling languages for building the website's structure and appearance.## Installation
To set up the Notes-App project locally, follow these steps:
1. Clone the repository: `git clone https://github.com/o2sa/Notes-App.git`
2. Navigate to the project directory: `cd Notes-App`
3. Install dependencies: `npm install`
4. Start the development server: `npm start`
5. Open your web browser and navigate to `http://localhost:3000`## Configuration
Before running the application, ensure you have set up Firebase for authentication and database services. Replace the Firebase configuration in `src/firebase/config.js` with your Firebase project credentials.
## Usage
1. Register for a new account or login with existing credentials.
2. Add new tasks using the input field and press enter to save.
3. Click on a task to edit its details or mark it as completed.
4. Delete tasks using the delete icon next to each task.
5. Log out of your account when finished.## Contributing
Contributions to Notes-App are welcome! If you encounter any issues or have suggestions for improvements, please submit a pull request or open an issue on GitHub.
## License
This project is licensed under the [MIT License](LICENSE).
## Contact
For any inquiries or feedback, please contact the project maintainer at [[email protected]](mailto:[email protected]).