{"id":29027030,"url":"https://github.com/soufianboukir/chat-app","last_synced_at":"2025-08-27T03:06:54.448Z","repository":{"id":298193285,"uuid":"988631278","full_name":"soufianboukir/chat-app","owner":"soufianboukir","description":"A modern real-time chat application features include user authentication, profile customization, real-time messaging, and user search functionality.","archived":false,"fork":false,"pushed_at":"2025-06-10T23:16:44.000Z","size":3338,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-26T06:02:05.291Z","etag":null,"topics":["express","mongodb","mongoose","nodejs","reactjs","shadcn-ui","socket-io","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/soufianboukir.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,"zenodo":null}},"created_at":"2025-05-22T20:50:06.000Z","updated_at":"2025-06-10T23:16:47.000Z","dependencies_parsed_at":"2025-06-09T22:40:28.102Z","dependency_job_id":null,"html_url":"https://github.com/soufianboukir/chat-app","commit_stats":null,"previous_names":["soufianboukir/chat-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/soufianboukir/chat-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soufianboukir%2Fchat-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soufianboukir%2Fchat-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soufianboukir%2Fchat-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soufianboukir%2Fchat-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/soufianboukir","download_url":"https://codeload.github.com/soufianboukir/chat-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soufianboukir%2Fchat-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272283333,"owners_count":24906662,"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","status":"online","status_checked_at":"2025-08-27T02:00:09.397Z","response_time":76,"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":["express","mongodb","mongoose","nodejs","reactjs","shadcn-ui","socket-io","tailwindcss","typescript"],"created_at":"2025-06-26T06:02:00.198Z","updated_at":"2025-08-27T03:06:54.341Z","avatar_url":"https://github.com/soufianboukir.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Real-Time Chat Application\n\n![Screenshot from 2025-05-24 22-41-20](https://github.com/user-attachments/assets/de108f14-c778-401c-8ee1-2e45ac6fe4e9)\n\nA modern real-time chat application built with React.js, TypeScript, Tailwind CSS, and shadcn/ui and express js. Features include user authentication, profile customization, real-time messaging, and user search functionality.\n\n## Features\n\n- **Real-Time Messaging**: Instant message delivery with WebSocket integration\n- **User Profiles**: Customizable usernames and profile pictures and password\n- **Dark/Light Mode**: Theme toggle with system preference detection\n- **User Search**: Find and connect with other users\n- **Responsive Design**: Works on all device sizes\n- **Modern UI**: Built with Tailwind CSS and shadcn/ui components\n\n## Technologies Used\n\n- **Frontend**:\n  - React.js\n  - TypeScript\n  - Tailwind CSS\n  - shadcn/ui\n  - Redux Toolkit (State management)\n\n- **Backend**:\n  - Node.js with Express\n  - WebSocket (Socket.io for real-time communication)\n  - JWT Authentication\n  - MongoDB (mongoose)\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (v18 or later)\n- npm\n- Git\n- MongoDB (Local or Atlas)\n\n### Installation\n\n1. Clone the repository:\n   ```bash\n     git clone https://github.com/sofyanBoukir/chat-app.git\n     cd chat-app\n   ```\n\n2. frontend setup\n  ```bash\n    npm install\n  ```\n\n3. configure frontend .env\n   ```bash\n     VITE_API_BASE_URL=http://localhost:5000\n   ```\n4. backend setup\n  ```bash\n    npm install\n  ```\n\n5. configure backend .env\n    ```bash\n      MONGOURL=mongodb://127.0.0.1:27017/chat\n      PORT=5000\n      BASE_URL=http://localhost:5000\n      JWT_SECRET=okeruro3oi14u23ldwkjd8923urd28jkqwdhuy2y98e\n      NODE_ENV=developement\n    ```\n\n\u003e **ℹ️ Note**\n\u003e \n\u003e you can modify the variables content as you want\n\n\n## Run servers\n  ```bash\n    npm run dev //frontend\n    npm run dev //backend\n  ```\n\n## open your browser and type localhost:5173\n\nbuilt with ❤️ by **soufian**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoufianboukir%2Fchat-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoufianboukir%2Fchat-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoufianboukir%2Fchat-app/lists"}