{"id":24072425,"url":"https://github.com/keepserene/interactive-comments-section-fem","last_synced_at":"2025-08-26T19:13:11.926Z","repository":{"id":266506835,"uuid":"896240476","full_name":"KeepSerene/interactive-comments-section-fem","owner":"KeepSerene","description":"It's a challenge from Frontend Mentor: https://www.frontendmentor.io/challenges/interactive-comments-section-iG1RugEG9","archived":false,"fork":false,"pushed_at":"2024-12-08T07:13:56.000Z","size":521,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-09T17:17:30.347Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://commenting-connoisseur.vercel.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/KeepSerene.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-11-29T21:18:05.000Z","updated_at":"2024-12-08T07:14:00.000Z","dependencies_parsed_at":"2024-12-04T16:38:08.231Z","dependency_job_id":"88c5861a-6a95-46d4-a21b-70aebd0d2c2f","html_url":"https://github.com/KeepSerene/interactive-comments-section-fem","commit_stats":null,"previous_names":["keepserene/interactive-comments-section-fem"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Finteractive-comments-section-fem","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Finteractive-comments-section-fem/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Finteractive-comments-section-fem/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KeepSerene%2Finteractive-comments-section-fem/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KeepSerene","download_url":"https://codeload.github.com/KeepSerene/interactive-comments-section-fem/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240941542,"owners_count":19882063,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2025-01-09T17:17:39.324Z","updated_at":"2025-02-26T22:14:01.200Z","avatar_url":"https://github.com/KeepSerene.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Commenting Connoisseur 💬\n\n## Overview\n\nCommenting Connoisseur is an interactive, feature-rich comments section web application built with React. It provides a seamless user experience for managing comments and replies with full CRUD (Create, Read, Update, Delete) functionality.\n\n## 🖼️ Screenshot\n\n![Commenting Connoisseur Application Screenshot](./public/commenting-connoisseur.png)\n\n_A full view of the interactive comments section showing comments, replies, and user interactions_\n\n## 🌟 Features\n\n- **Interactive Comments**: Add, edit, delete comments and replies\n- **Voting System**: Upvote and downvote comments\n- **Responsive Design**: Fully responsive across all device sizes\n- **Accessible**: Follows web accessibility guidelines\n- **Persistent Storage**: Uses localStorage to save user interactions\n- **Toast Notifications**: Provides feedback for user actions\n\n## 🛠 Tech Stack\n\n- **Frontend**: React.js\n- **Styling**: CSS (with CSS Variables)\n- **State Management**: React Context API\n- **Notifications**: React Toastify\n- **Build Tool**: Vite\n- **Linting**: ESLint\n\n## 🎨 Styling\n\n- Fully customizable via CSS variables\n- Responsive design\n- Accessible color contrasts\n- Custom scrollbar\n- Text selection styling\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js (v18+)\n- npm or yarn\n\n### Installation\n\n1. Clone the repository\n\n```bash\ngit clone https://github.com/KeepSerene/interactive-comments-section-fem.git\n```\n\n2. Install dependencies\n\n```bash\nnpm install\n```\n\n3. Run the development server\n\n```bash\nnpm run dev\n```\n\n## 🔮 Future Updates\n\n- [ ] Backend integration\n- [ ] User authentication\n- [ ] Database storage (MongoDB/Firebase)\n- [ ] Real-time commenting\n- [ ] Enhanced moderation tools\n- [ ] Social media sharing of comments\n\n## 👤 Author\n\n**Dhrubajyoti Bhattacharjee**\n\n- GitHub: [@KeepSerene](https://github.com/KeepSerene)\n- Portfolio: [Dhrubajyoti Bhattacharjee](https://math-to-dev.vercel.app/)\n- LinkedIn: [Dhrubajyoti Bhattacharjee](https://linkedin.com/in/yourusername)\n\n## 🌐 Live Demo\n\n[View Live Demo](https://commenting-connoisseur.vercel.app/)\n\n## 📄 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n## 🙏 Acknowledgements\n\n- [React](https://reactjs.org/)\n- [Vite](https://vitejs.dev/)\n- [React Toastify](https://fkhadra.github.io/react-toastify/)\n- Frontend Mentor for the challenge inspiration\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeepserene%2Finteractive-comments-section-fem","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkeepserene%2Finteractive-comments-section-fem","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeepserene%2Finteractive-comments-section-fem/lists"}