https://github.com/thakurthegr8/loop
Note taking app with rich text features.
https://github.com/thakurthegr8/loop
firebase firebase-auth firebase-database hacktoberfest hacktoberfest-accepted react vercel
Last synced: 4 months ago
JSON representation
Note taking app with rich text features.
- Host: GitHub
- URL: https://github.com/thakurthegr8/loop
- Owner: thakurthegr8
- Created: 2023-09-19T15:21:51.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-16T19:27:58.000Z (over 2 years ago)
- Last Synced: 2024-04-21T13:06:45.552Z (about 2 years ago)
- Topics: firebase, firebase-auth, firebase-database, hacktoberfest, hacktoberfest-accepted, react, vercel
- Language: JavaScript
- Homepage: https://loop.thakurthegr8.me
- Size: 1.98 MB
- Stars: 3
- Watchers: 2
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# Loop - Rich Text Note-Taking App
Welcome to the Rich Text Note-Taking App! This application is designed to help you capture and organize your thoughts, ideas, and notes in a visually appealing and intuitive manner. With this app, you can create and manage notes with rich text formatting, making it easy to highlight important information, emphasize key points, and enhance the overall readability of your notes.
## Features
- **Rich Text Editing**: Create and edit notes with rich text formatting, including bold, italics, underline, bullet points, numbered lists, and more.
- **Text Styling**: Customize your notes with various fonts, sizes, colors, and backgrounds to make them visually appealing and easy to read.
- **Image Integration**: Embed images in your notes to provide context and enhance the visual representation of your ideas.
- **Real-Time Collaboration**: Collaborate with others by sharing your notes and editing them in real-time. Stay on the same page, even when working with remote team members.
- **Tagging and Categorization**: Organize your notes with tags, categories, and labels to easily search and find specific content when you need it.
- **Cloud Synchronization**: Access your notes from anywhere, on any device, by synchronizing your data to the cloud. Never worry about losing your notes again.
- **Version Control**: Keep track of changes made to your notes with version control. Easily revert to previous versions if needed.
- **Search and Filter**: Quickly find the note you're looking for with a powerful search and filtering system. Never lose track of your ideas.
## Tech Stack
This Rich Text Note-Taking App is built with the following technologies:
- **Frontend**: React.js
- **Database and Cloud Storage**: Firebase
- **Deployment**: Vercel
## Getting Started
To get started with the Rich Text Note-Taking App, follow these steps:
1. **Access the App**: Visit the [Loop](https://loop.thakurthegr8.me) hosted on Vercel.
2. **Sign Up or Log In**: If you don't already have an account, sign up for a new one. If you're an existing user, log in with your credentials.
3. **Create a New Note**: Click on the "New Note" button to create your first note. Give it a title and start adding your rich text content.
4. **Edit and Format**: Use the built-in rich text editor to format your note to your liking. Highlight important information, add images, and style your text.
5. **Organize**: Categorize your notes using tags, categories, and labels to keep them well-organized.
6. **Collaborate**: Share your notes with others and work together in real-time.
7. **Sync to the Cloud**: Your notes are automatically synced to the cloud, so you can access them from any device.
8. **Search and Retrieve**: Use the search and filter functionality to quickly find and retrieve your notes.
## Initialize this project
1. Clone this repo
2. Add following variables in .env file
```bash
REACT_APP_FIREBASE_API_KEY=""
REACT_APP_FIREBASE_AUTH_DOMAIN=""
REACT_APP_FIREBASE_DATABASE_URL=""
REACT_APP_FIREBASE_PROJECT_ID=""
REACT_APP_FIREBASE_STORAGE_BUCKET=""
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=""
REACT_APP_FIREBASE_APP_ID=""
REACT_APP_FIREBASE_MEASUREMENT_ID=""
```
3. Run locally
```bash
npm start
```
4. Build the project
```bash
npm run build
```
## Contribute
If you'd like to contribute to the development of this app, please check out our [GitHub repository](https://github.com/your-username/rich-text-note-app) and follow our contribution guidelines.
## Support
If you have any questions or need assistance, please contact our support team at me@shortr.in.
We hope you find this Rich Text Note-Taking App useful for organizing your ideas and notes in a visually rich and efficient way. Happy note-taking!