{"id":19613518,"url":"https://github.com/nadavbitran/comment-section-web-app","last_synced_at":"2026-03-02T09:01:36.484Z","repository":{"id":238650726,"uuid":"735370616","full_name":"NadavBitran/Comment-Section-Web-App","owner":"NadavBitran","description":null,"archived":false,"fork":false,"pushed_at":"2023-12-28T15:50:17.000Z","size":2989,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-26T17:47:07.657Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/NadavBitran.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":"2023-12-24T17:06:26.000Z","updated_at":"2024-05-07T07:44:28.000Z","dependencies_parsed_at":"2024-05-07T10:03:59.422Z","dependency_job_id":null,"html_url":"https://github.com/NadavBitran/Comment-Section-Web-App","commit_stats":null,"previous_names":["nadavbitran/comment-section-web-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/NadavBitran/Comment-Section-Web-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NadavBitran%2FComment-Section-Web-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NadavBitran%2FComment-Section-Web-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NadavBitran%2FComment-Section-Web-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NadavBitran%2FComment-Section-Web-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NadavBitran","download_url":"https://codeload.github.com/NadavBitran/Comment-Section-Web-App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NadavBitran%2FComment-Section-Web-App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29996261,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-02T01:47:34.672Z","status":"online","status_checked_at":"2026-03-02T02:00:07.342Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2024-11-11T10:48:08.522Z","updated_at":"2026-03-02T09:01:36.176Z","avatar_url":"https://github.com/NadavBitran.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Comment Section App 🚀\n\nWelcome to the Comment Section App, a fullstack application that allows users to engage in conversations through a comment section component. \nAdditionally, the app features a contact page for user inquiries, an about page providing more information about the project, and a profile page displaying user details, statistics, and comment history.\n\n![Home Page](./Pictures%20And%20Videos/Main%20Page.png)\n\n## Table of Contents\n- [Features](#features)\n- [Live Site](#live-site)\n- [Tech Stack](#technologies-and-libraries-used)\n- [Acknowledgements](#acknowledgements)\n\n## Features\n\n### Comment Section Page 💬\n- Users can engage in real-time conversations by posting comments and replies to each other.\n- Real-time updates enable users to see new comments and replies as they are posted.\n- Users can express their opinions by liking or disliking other posts within the comment section.\n- The comment section provides a dynamic and interactive user experience.\n\n![Comment Section Page](./Pictures%20And%20Videos/Comment%20Section%20Page.png)\n\n### Contact Page 📧\n- Allows users to submit inquiries and messages to the contact team for prompt assistance.\n- The contact form includes fields for name, email, subject, and a description, ensuring comprehensive user feedback.\n\n![Contact Page](./Pictures%20And%20Videos/Contact%20Page.png)\n\n### Profile Page 👤\n- Displays personalized user details, including username, avatar, and registration information.\n- Presents statistics such as the number of comments posted, liked posts, and overall user engagement.\n- Features a comment history section, showcasing the user's past interactions within the comment section.\n\n![Profile Page](./Pictures%20And%20Videos/Profile%20Page.png)\n\n### About Page ℹ️\n- Provides an in-depth overview of the project, its objectives, and the technologies used.\n\n![About Page](./Pictures%20And%20Videos/About%20Page.png)\n\n### Design Support 📱💻\n- The website is designed to support a wide range of screens, including phones, tablets, laptops, and desktop computers.\n- Responsive design ensures a seamless and visually appealing experience across various devices and screen sizes.\n\n![Design Support](./Pictures%20And%20Videos/Mobile%20View.png)\n\n## Live Site 🌐\n\nCheck out the live version of the Comment Section App [here](https://commentsection.onrender.com).\n\nThe app is hosted on [Render.com](https://render.com), a cloud platform that simplifies the deployment and scaling of web applications. \nRender provides a hassle-free experience for hosting, managing, and scaling applications, allowing seamless deployment.\n\n## Technologies and Libraries Used 🛠️\n\n| Category | Technology/Library | Role | Logo |  |  |  |  |\n|---|---|---|---|---|---|---|---|\n| Frontend | React | User Interface | ![React Badge](https://img.shields.io/badge/-React-61DAFB?style=flat-square\u0026logo=react\u0026logoColor=white) |  |  |  |  |\n|  | React Router | Navigation | ![React Router Badge](https://img.shields.io/badge/-React_Router-CA4245?style=flat-square\u0026logo=react-router\u0026logoColor=white) |  |  |  |  |\n|  | Axios | HTTP Requests | ![Axios Badge](https://img.shields.io/badge/-Axios-007ACC?style=flat-square\u0026logo=axios\u0026logoColor=white) |  |  |  |  |\n|  | SCSS | Styling | ![SCSS Badge](https://img.shields.io/badge/-SCSS-CC6699?style=flat-square\u0026logo=sass\u0026logoColor=white) |  |  |  |  |\n|  | Vite | Frontend Build Tool | ![Vite Badge](https://img.shields.io/badge/-Vite-646CFF?style=flat-square\u0026logo=vite\u0026logoColor=white) |  |  |  |  |\n|  | Socket.io | Real-time Communication | ![Socket.io Badge](https://img.shields.io/badge/-Socket.io-010101?style=flat-square\u0026logo=socket.io\u0026logoColor=white) |  |  |  |  |\n|  |  |  |  |  |  |  |  |\n| Backend | Node.js | Server-Side JavaScript | ![Node.js Badge](https://img.shields.io/badge/-Node.js-339933?style=flat-square\u0026logo=node.js\u0026logoColor=white) |  |  |  |  |\n|  | Express.js | Web Application Framework | ![Express.js Badge](https://img.shields.io/badge/-Express.js-000000?style=flat-square\u0026logo=express\u0026logoColor=white) |  |  |  |  |\n|  | MongoDB | Database | ![MongoDB Badge](https://img.shields.io/badge/-MongoDB-47A248?style=flat-square\u0026logo=mongodb\u0026logoColor=white) |  |  |  |  |\n|  | Mongoose | MongoDB ODM | ![Mongoose Badge](https://img.shields.io/badge/-Mongoose-880000?style=flat-square\u0026logo=mongoose\u0026logoColor=white) |  |  |  |  |\n|  | JWT | Authentication | ![JWT Badge](https://img.shields.io/badge/-JWT-000000?style=flat-square\u0026logo=json-web-tokens\u0026logoColor=white) |  |  |  |  |\n|  |  |  |  |  |  |  |  |\n| Testing | Vitest | Unit Testing | ![Vitest Badge](https://img.shields.io/badge/-Vitest-646CFF?style=flat-square\u0026logo=vite\u0026logoColor=white) |  |  |  |  |\n|  | React Testing Library | Unit Testing | ![RTL Badge](https://img.shields.io/badge/-React_Testing_Library-E33332?style=flat-square\u0026logo=testing-library\u0026logoColor=white) |  |  |  |  |\n|  | Cypress | E2E Testing | ![Cypress Badge](https://img.shields.io/badge/-Cypress-17202C?style=flat-square\u0026logo=cypress\u0026logoColor=white) |  |  |  |  \n\n\n## Acknowledgements 🌟\n\nThis project is an extended version of a [Frontend Mentor](https://www.frontendmentor.io/) challenge. \nThe original challenge can be found [here](https://www.frontendmentor.io/challenges/interactive-comments-section-iG1RugEG9).\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnadavbitran%2Fcomment-section-web-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnadavbitran%2Fcomment-section-web-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnadavbitran%2Fcomment-section-web-app/lists"}