{"id":18715186,"url":"https://github.com/mohamed-mosad1/chatapp_front-end","last_synced_at":"2026-04-29T20:08:20.457Z","repository":{"id":242227149,"uuid":"809015954","full_name":"Mohamed-Mosad1/ChatApp_Front-End","owner":"Mohamed-Mosad1","description":"ChatApp","archived":false,"fork":false,"pushed_at":"2024-08-07T11:46:08.000Z","size":3199,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-28T09:43:14.511Z","etag":null,"topics":["angular","angular-material","lazy-loading","standalone"],"latest_commit_sha":null,"homepage":"https://mohamed-mosad1.github.io/ChatApp_Front-End/","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/Mohamed-Mosad1.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-06-01T12:51:42.000Z","updated_at":"2024-07-01T20:32:02.000Z","dependencies_parsed_at":"2024-08-07T14:09:29.376Z","dependency_job_id":"30c6ce80-c300-4f27-a6d3-86ae1db40bf1","html_url":"https://github.com/Mohamed-Mosad1/ChatApp_Front-End","commit_stats":null,"previous_names":["mohamed-mosad1/chatapp_front-end"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohamed-Mosad1%2FChatApp_Front-End","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohamed-Mosad1%2FChatApp_Front-End/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohamed-Mosad1%2FChatApp_Front-End/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohamed-Mosad1%2FChatApp_Front-End/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mohamed-Mosad1","download_url":"https://codeload.github.com/Mohamed-Mosad1/ChatApp_Front-End/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239576819,"owners_count":19662127,"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":["angular","angular-material","lazy-loading","standalone"],"created_at":"2024-11-07T13:07:54.861Z","updated_at":"2025-11-10T05:30:16.355Z","avatar_url":"https://github.com/Mohamed-Mosad1.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project Overview\nChatApp is a robust web application designed for seamless real-time communication. Built with ASP.NET Core 7 and Angular 16 using Clean Architecture, the app provides a smooth and responsive user experience. Users can register, authenticate, chat, manage profiles, and handle media files. The project showcases the integration of various frontend and backend technologies, ensuring top-notch performance and scalability.\n\n# Angular Framework\nKey Features:\nUser Registration and Authentication: Secure user signup and login.\nReal-Time Chat: Instant messaging powered by SignalR.\nProfile Management: Users can update and manage their profiles.\nMedia Handling: Supports uploading and managing media files.\n\n# Angular Material\nKey Components Used:\nMatFormField: For creating form fields.\nMatInput: For input fields.\nMatSelect: For dropdown menus.\nMatButton: For buttons.\nMatIcon: For incorporating icons.\nMatCard: For displaying card layouts.\n\n# RxJS\nBehaviorSubject and ReplaySubject: Managed state and shared data across components using RxJS subjects.\nOperators: Utilized operators like pipe, map, and take to transform and handle asynchronous data streams.\nReal-Time Communication with SignalR\nIntegrated SignalR for real-time web functionalities, enabling instant messaging and presence notifications.\n\n# Backend Integration\n\nASP.NET Core: Developed the backend using ASP.NET Core, providing RESTful APIs for client-server communication.\nEntity Framework Core: Managed database interactions with Entity Framework Core, leveraging its ORM capabilities for efficient data access and manipulation.\n\n# Performance Optimization\n\nCaching: Implemented caching strategies to enhance application performance, reducing unnecessary API calls.\nPagination: Applied pagination for data-heavy views to improve load times and user experience.\n\n# Security and Authorization\nRole-Based Access Control: Used ASP.NET Core Identity for user authentication and role-based access control, ensuring secure and authorized access to different parts of the application.\n\n\n# Try ChatApp\n\nIf you want to try out ChatApp, you can register or use the following credentials:\n\nUser Name: Mohamed\n\nPassword: P@$$W0rd\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohamed-mosad1%2Fchatapp_front-end","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmohamed-mosad1%2Fchatapp_front-end","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohamed-mosad1%2Fchatapp_front-end/lists"}