SPIDER LATERAL INDUCTIONS Task Submission Problem statement : Scaling a Real-time chat app
Front-end Development :
Design: Created screen designs using Figma, a cloud-based design tool, to visualize the user interface.
Development: Utilized Flutter, an open-source framework for cross-platform development, for designing, text editing, navigation, and integrating with the backend. I have implemented several pages like
• Home Page • Sign Up • Login • Forget Password • Chat List Page • Chat Window Screen • Chat Room Page • Settings Page Profile Page Security Page Add Chat Room Page Notification Page Help Page Add Contact Page Invite Page
Back-end Development:
API Development: Developed APIs using C# within the Visual Studio environment to handle various functionalities. I have used API for • Sign Up • Login • Forget Password • Add contact • Getting chat list • Saving User profile • Add ChatRoom • Implementing Websocket
Database Creation: Established tables using SQL Server to manage and store all the required databases effectively. Several tables are created – • User Table • Contact Table • Chat Room Table
API Implementation: Implemented APIs using Swagger, ensuring a standardized and documented approach for API development. Lot of Get and Post method are created and displayed. API Hosting: Hosted the APIs using Internet Information Service Management, ensuring accessibility and availability.
API Testing: Conducted API testing using Postman to validate functionality, identify bugs, and ensure reliability. API Integration: Integrated the APIs into the Flutter application for security, error handling, data retrieval, and presentation purposes, creating a seamless interaction between the front-end and back-end systems. • WebSockets Integration: Implemented WebSockets to establish a two-way communication channel between the server and the Flutter application, enabling real-time data exchange. This facilitates instant messaging and updates within the application, enhancing user engagement. Used C# for websocket and integrated with flutter.
GitHub Link: https://github.com/fioimma-23/ChatterBox