{"id":17948759,"url":"https://github.com/prasanth2817/chat-application-frontend","last_synced_at":"2026-04-07T22:32:06.784Z","repository":{"id":258463611,"uuid":"869701694","full_name":"prasanth2817/Chat-Application-Frontend","owner":"prasanth2817","description":"The chat application frontend, built with React and Vite, offers a responsive UI styled with Tailwind CSS. It features a sidebar for recent conversations and a real-time chat window using WebSocket. Zustand manages state, while JWT handles user authentication. The app is fully mobile-responsive and interacts with the backend via REST APIs.","archived":false,"fork":false,"pushed_at":"2024-11-02T17:57:10.000Z","size":114,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-09T04:17:33.492Z","etag":null,"topics":["bootstrap5","context-api","css3","javascript","react","react-router","tailwindcss","zustand-state-management"],"latest_commit_sha":null,"homepage":"https://chat-app-wechat.netlify.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/prasanth2817.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-10-08T18:30:44.000Z","updated_at":"2024-11-02T17:57:14.000Z","dependencies_parsed_at":"2024-10-19T05:50:34.257Z","dependency_job_id":"ee10be6a-04f7-4d6f-83ca-bfd7209bbf38","html_url":"https://github.com/prasanth2817/Chat-Application-Frontend","commit_stats":null,"previous_names":["prasanth2817/chat-application-frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prasanth2817%2FChat-Application-Frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prasanth2817%2FChat-Application-Frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prasanth2817%2FChat-Application-Frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prasanth2817%2FChat-Application-Frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/prasanth2817","download_url":"https://codeload.github.com/prasanth2817/Chat-Application-Frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247026480,"owners_count":20871382,"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":["bootstrap5","context-api","css3","javascript","react","react-router","tailwindcss","zustand-state-management"],"created_at":"2024-10-29T09:09:38.481Z","updated_at":"2026-04-07T22:32:06.743Z","avatar_url":"https://github.com/prasanth2817.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Chat Application Frontend :\n\nOverview\nThe frontend of this chat application is built with React and Vite, offering a responsive, modern user interface. It allows real-time messaging, user authentication, and smooth navigation between conversations. The design is implemented using Tailwind CSS for a seamless user experience on both desktop and mobile devices.\n\nFeatures\nReact with Vite for fast development and optimized performance.\nZustand for lightweight state management.\nSocket.IO for real-time messaging.\nJWT Authentication for secure login and session management.\nTailwind CSS for responsive, mobile-first design.\nDynamic API URL handling using environment variables (import.meta.env).\nDeployed on Netlify.\n\nInstallation:\n\n1.Clone the repository.\n\n2.Install dependencies:\n\nnpm install\n\n3.Create a .env file and add your environment variables:\n\nVITE_API_URL=\u003cbackend_url\u003e\n\n4.Start the development server:\n\nnpm run dev\n\nScripts:\n\nnpm run dev: Start the development server.\n\nnpm run build: Build the project for production.\n\n![Screenshot 2024-10-17 082740](https://github.com/user-attachments/assets/9869417b-5073-4c02-9107-0988c7cc0318)\n\n![Chat-app-image2](https://github.com/user-attachments/assets/64cb1d2d-ecd2-4c67-b740-efbe8d571626)\n\n![Screenshot 2024-10-17 082811](https://github.com/user-attachments/assets/ef31c7cc-73d3-468a-976c-ab0ca3a103bd)\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprasanth2817%2Fchat-application-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprasanth2817%2Fchat-application-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprasanth2817%2Fchat-application-frontend/lists"}