{"id":16470792,"url":"https://github.com/preetiraj3697/chatterbox","last_synced_at":"2026-04-01T18:18:59.093Z","repository":{"id":231760135,"uuid":"780346940","full_name":"Preetiraj3697/ChatterBox","owner":"Preetiraj3697","description":"Chatterbox is a modern messaging application designed to facilitate seamless communication between users through individual and group chats. Built with a focus on user experience and security, Chatterbox offers a range of features to enhance your messaging experience.","archived":false,"fork":false,"pushed_at":"2024-04-12T16:10:45.000Z","size":238,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-03-28T00:37:03.219Z","etag":null,"topics":["axios","cloudinary","cookie-parser","cors","expressjs","jsonwebtoken","material-ui","mongodb","nodejs","react-router-dom","reactjs","redux-thunk","redux-toolkit","socket-io"],"latest_commit_sha":null,"homepage":"","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/Preetiraj3697.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-04-01T09:26:18.000Z","updated_at":"2024-04-08T10:52:43.000Z","dependencies_parsed_at":"2024-04-12T16:54:55.651Z","dependency_job_id":null,"html_url":"https://github.com/Preetiraj3697/ChatterBox","commit_stats":null,"previous_names":["preetiraj3697/chatterbox"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Preetiraj3697/ChatterBox","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Preetiraj3697%2FChatterBox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Preetiraj3697%2FChatterBox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Preetiraj3697%2FChatterBox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Preetiraj3697%2FChatterBox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Preetiraj3697","download_url":"https://codeload.github.com/Preetiraj3697/ChatterBox/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Preetiraj3697%2FChatterBox/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31290809,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-01T13:12:26.723Z","status":"ssl_error","status_checked_at":"2026-04-01T13:12:25.102Z","response_time":53,"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":["axios","cloudinary","cookie-parser","cors","expressjs","jsonwebtoken","material-ui","mongodb","nodejs","react-router-dom","reactjs","redux-thunk","redux-toolkit","socket-io"],"created_at":"2024-10-11T12:11:46.093Z","updated_at":"2026-04-01T18:18:59.074Z","avatar_url":"https://github.com/Preetiraj3697.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chatterbox\n\nThis document provides comprehensive information about the Chatterbox application, covering both the frontend and backend aspects.\n\n## Project Overview\n\nChatterbox is a fullstack messaging application that allows users to communicate in real-time through individual and group chats. It provides features for user authentication, creating and managing chat groups, sending messages with attachments, and more.\n\n## Technologies Used\n\n### Frontend\n\n- **React.js:** A JavaScript library for building user interfaces.\n- **React Router:** Provides routing functionality for single-page applications.\n- **Material-UI:** A React UI framework for building responsive and accessible web applications.\n- **Emotion:** A library for styling React components with CSS-in-JS.\n- **Redux Toolkit:** A library for managing state in React applications.\n- **Axios:** A promise-based HTTP client for making API requests.\n- **Socket.io-client:** A client-side library for WebSocket-based real-time communication.\n- **Chart.js:** A JavaScript library for creating charts and graphs.\n- **Framer Motion:** A library for adding animations and gestures to React components.\n- **React Helmet Async:** A library for managing document head in React applications.\n- **React Hot Toast:** A toast notification library for React applications.\n\n### Backend\n\n- **Node.js:** A JavaScript runtime environment for building server-side applications.\n- **Express:** A minimalist web framework for Node.js.\n- **MongoDB:** A NoSQL database for storing application data.\n- **Mongoose:** An Object Data Modeling (ODM) library for MongoDB and Node.js.\n- **JWT (JSON Web Tokens):** A standard for securely transmitting information between parties.\n- **Socket.io:** A library for building WebSocket-based real-time applications.\n- **Multer:** A middleware for handling multipart/form-data, primarily used for file uploads.\n- **Express Validator:** A set of validation and sanitization middleware functions for Express.\n\n## Features\n\n- User authentication and authorization with JSON Web Tokens (JWT)\n- Real-time messaging using WebSocket-based communication\n- Creation and management of individual and group chats\n- Sending messages with attachments (images, files, etc.)\n- Admin dashboard for managing users, chats, and messages\n\n## Project Structure\n\n### Frontend\n\n- **Components:** Reusable UI components.\n- **Constants:** Configuration constants.\n- **Hooks:** Custom React hooks.\n- **Pages:** Top-level components representing different pages/routes.\n- **Redux:** Redux-related files (reducers, actions, slices).\n- **Styles:** Global and theme-related styles.\n\n### Backend\n\n- **Controllers:** Logic for handling HTTP requests and responses.\n- **Middleware:** Functions executed before reaching the route handler.\n- **Models:** Data models for MongoDB documents.\n- **Routes:** Route definitions for the API endpoints.\n- **Utils:** Utility functions used across the backend.\n\n## Getting Started\n\n1. Clone the repository.\n2. Install dependencies for both frontend and backend using `npm install`.\n3. Start the frontend development server with `npm run dev` in the `client` directory.\n4. Start the backend server with `npm start` in the root directory.\n5. Access the application in your browser at [http://localhost:3000](http://localhost:3000).\n\n## Usage\n\n- Register and log in to access the application features.\n- Create new chats or join existing ones to start messaging.\n- Upload attachments, send messages, and interact with other users in real-time.\n- Admin users can access the admin dashboard to manage users, chats, and messages.\n## ScreenShots\n![Screenshot (60)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/395a645f-b77b-4b28-86c4-6f2272f90374)\n![Screenshot (59)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/fb49e87f-6bfd-4490-8eeb-9cd276c23691)\n![Screenshot (58)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/63117757-a54a-484f-97f2-0613c6e0e269)\n![Screenshot (57)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/08b2971f-bd9a-400b-a2b1-373a1b81e2c7)\n![Screenshot (56)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/7b4481a5-9e46-4137-abb1-8765e3a9ea2a)\n![Screenshot (55)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/21ff7648-be30-4c21-aa61-fae2ed3ee75b)\n![Screenshot (54)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/80f37561-7b13-40f7-8ba0-a4ea8ff3e112)\n![Screenshot (53)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/882dfda9-2943-45c3-98ae-29e64c34632e)\n![Screenshot (52)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/cee5138f-e868-4464-991d-a0d1d5524b73)\n![Screenshot (51)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/895dfeee-ad58-4df8-abf9-a65a578de453)\n![Screenshot (50)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/f0f023fa-e702-4272-b4cf-d7bfa5780920)\n![Screenshot (61)](https://github.com/Preetiraj3697/ChatterBox/assets/107460745/6f6b2695-6090-47a7-a3c8-9f4853f9731c)\n\n## Additional Notes\n\n- Ensure MongoDB is running and accessible to the backend server.\n- Customize and extend the application as per project requirements.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpreetiraj3697%2Fchatterbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpreetiraj3697%2Fchatterbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpreetiraj3697%2Fchatterbox/lists"}