{"id":18782436,"url":"https://github.com/anshuldhakate/comment-system-app","last_synced_at":"2026-04-29T16:02:28.731Z","repository":{"id":253946046,"uuid":"843845213","full_name":"Anshuldhakate/Comment-System-App","owner":"Anshuldhakate","description":"This comment system application was built with React, Firebase, and ReactQuill. Users can sign in with Google, post comments, reply to comments, and upload files. The application uses Firestore to store comments and Firebase Storage to store file attachments.","archived":false,"fork":false,"pushed_at":"2024-08-21T09:07:05.000Z","size":241,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-21T07:47:44.031Z","etag":null,"topics":["firebase","react-quill","reactjs"],"latest_commit_sha":null,"homepage":"https://comment-section-e80db.web.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Anshuldhakate.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-17T15:40:08.000Z","updated_at":"2024-08-21T09:08:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"1c855848-38dd-4dba-94ff-1581f8aa7677","html_url":"https://github.com/Anshuldhakate/Comment-System-App","commit_stats":null,"previous_names":["anshuldhakate/comment-system-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Anshuldhakate/Comment-System-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anshuldhakate%2FComment-System-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anshuldhakate%2FComment-System-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anshuldhakate%2FComment-System-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anshuldhakate%2FComment-System-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Anshuldhakate","download_url":"https://codeload.github.com/Anshuldhakate/Comment-System-App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Anshuldhakate%2FComment-System-App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32432917,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T13:34:34.882Z","status":"ssl_error","status_checked_at":"2026-04-29T13:34:29.830Z","response_time":110,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","react-quill","reactjs"],"created_at":"2024-11-07T20:35:59.275Z","updated_at":"2026-04-29T16:02:28.697Z","avatar_url":"https://github.com/Anshuldhakate.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Comment System Application\n\n## Deployed Link\nhttps://comment-section-e80db.web.app/\n\n## Description\n\nThis comment system application was built with React, Firebase, and ReactQuill. Users can sign in with Google, post comments, reply to comments, and upload files. The application uses Firestore to store comments and Firebase Storage to store file attachments.\n\n\u003cbr/\u003e\n\u003cimg width=\"229\" alt=\"Screenshot 2024-08-20 215935\" src=\"https://github.com/user-attachments/assets/81cf2dc2-2be9-42f8-8ec7-54699e2fccc0\"\u003e\n\n\u003cbr/\u003e\n\n## Features\n\n- Google Authentication: Sign in with Google to access the comment system.\n- Commenting: Post new comments with rich text support using ReactQuill.\n- Replies: Reply to comments, with nested replies up to two levels.\n- File Attachments: Upload and attach files (e.g., images) to comments.\n- Live Updates: Real-time comment updates are available using Firestore.\n- Responsive Design: Fully responsive UI for seamless use across devices.\n\n## Technologies Used\n\n- **Frontend**: React, ReactQuill, CSS\n- **Backend**: Firebase (Firestore, Authentication, Storage)\n- **Hosting**: Firebase Hosting (if applicable)\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js and npm installed on your machine.\n- A Firebase project set up and configured.\n\n### Installation\n\n1. **Clone the repository:**\n\n    ```bash\n    git clone https://github.com/Anshuldhakate/Comment-System-App.git\n    cd your-repo-name\n    ```\n\n2. **Install dependencies:**\n\n    ```bash\n    npm install\n    ```\n\n3. **Set up Firebase configuration:**\n\n    - Create a `firebase.js` file in the `src` directory with your Firebase configuration:\n\n        ```javascript\n        import firebase from 'firebase/compat/app';\n        import 'firebase/compat/auth';\n        import 'firebase/compat/firestore';\n        import 'firebase/compat/storage';\n\n        const firebaseConfig = {\n            apiKey: \"YOUR_API_KEY\",\n            authDomain: \"YOUR_AUTH_DOMAIN\",\n            projectId: \"YOUR_PROJECT_ID\",\n            storageBucket: \"YOUR_STORAGE_BUCKET\",\n            messagingSenderId: \"YOUR_MESSAGING_SENDER_ID\",\n            appId: \"YOUR_APP_ID\"\n        };\n\n        firebase.initializeApp(firebaseConfig);\n\n        const auth = firebase.auth();\n        const firestore = firebase.firestore();\n        const storage = firebase.storage();\n        const googleProvider = new firebase.auth.GoogleAuthProvider();\n\n        export { auth, firestore, storage, googleProvider };\n        ```\n\n4. **Run the application:**\n\n    ```bash\n    npm start\n    ```\n\n    The application will be available at `http://localhost:3000`.\n\n## Usage\n\n1. **Sign In:** Click on \"Sign in with Google\" to authenticate using your Google account.\n2. **Post a Comment:** Use the comment input area to post a new comment. You can format your comment with rich text and attach files.\n3. **Reply to Comments:** Click \"Reply\" on any comment to post a reply. Replies will be nested under the parent comment.\n4. **File Attachments:** Attach images or files to your comments.\n\n## Contributing\n\nFeel free to submit issues and pull requests. Contributions are welcome!\n\n1. **Fork the repository** and clone it to your local machine.\n2. **Create a new branch** for your changes.\n3. **Make your changes** and test thoroughly.\n4. **Submit a pull request** with a clear description of your changes.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Contact\n\nFor questions or feedback, please contact [anshuldhakate11@gmail.com](mailto:anshuldhakate11@gmail.com).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanshuldhakate%2Fcomment-system-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanshuldhakate%2Fcomment-system-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanshuldhakate%2Fcomment-system-app/lists"}