Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Smile Gupta

Last update: Jun 20, 2022

Related tags

Overview

Chat Loop

Chat Loop is a highly scalable, low cost and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real time communication.

Project Overview

Application Links

Frontend Code -> https://github.com/smilegupta/chatloop-frontend
Deployed URL -> https://chat-loop.smilegupta.tech/
Backend Code -> https://github.com/smilegupta/chatloop-backend
API Docs -> https://kb4r9.csb.app/

Tech Stack

Frontned: Reactjs
Styling: CSS and Material UI
Database: DynamoDB
Authentication and Authorisation: Cogito and Amplify
Integrations: GraphQL ( AWS AppSync )
Compute: AWS Lambda
Deployment: CI/CD setup using GitHub Actions via Serverless Framework

Architectural Diargram

Overall Functionlity

Create and join chatrooms
Mobile Responsive

Upcoming Features

Emoji Keypad
1:1 Chats
Support to leave group
Reply to messages
Starring messges
Delete a message
Support for sharing images and files
Edit personal profile details like name and profile image

Glad to see you here! Show some love by starring this repo.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router. It also includes a theme switcher from light to dark mode.

Jun 5, 2022

O Aluracord é um clone personalizado do discord com chat em tempo real.

Aluracord O Aluracord é um clone personalizado do Discord durante a Imersão React da Alura. Desde o início da imersão meu objetivo era ir além dela, e

Dec 15, 2022

Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe

Airframe React High Quality Dashboard / Admin / Analytics template that works great on any smartphone, tablet or desktop. Available as Open Source as

Jun 5, 2022

Real-time covid data in Brazil states.

Brazil Covid Data Brazil Covid Data is a web application that allows you to see information about the pandemics on your state just by hovering it on t

Feb 15, 2022

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

React Starter Kit — "isomorphic" web app boilerplate React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Expr

Dec 30, 2022

Next-gen, highly customizable content editor for the browser - based on React and Redux and written in TypeScript. WYSIWYG on steroids.

ReactPage ReactPage is a smart, extensible and modern editor ("WYSIWYG") for the web written in React. If you are fed up with the limitations of conte

Jan 6, 2023

A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles.

A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles. If you're tired of fighting some other developer's CSS and DOM structure, this carousel is for you.

Dec 24, 2021

This repository store the source code of a chat application built in NextJS.

This repository store the source code of a chat application built in NextJS. The code was built in alura's React event, and here I styled the code to make it unique and creative!

Mar 31, 2022

Space Traveller hub is a web application that works with the real live data from the SpaceX API

Space Traveller hub is a web application that works with the real live data from the SpaceX API. It's a web application for a company that provides commercial and scientific space travel services.

Feb 8, 2022

Comments

infinite loading screen after signin

getting chat icon (https://pics.freeicons.io/uploads/icons/png/20830632741582956833-512.png)

POST at (https://r7lr2ac7xrdvzcn2tjirorp2tq.appsync-api.ap-south-1.amazonaws.com/graphql) failed

opened by xAdvitya 0

Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Related tags

Overview

Chat Loop

Project Overview

Application Links

Tech Stack

Overall Functionlity

Upcoming Features

You might also like...

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

O Aluracord é um clone personalizado do discord com chat em tempo real.

Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe

Real-time covid data in Brazil states.

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

Next-gen, highly customizable content editor for the browser - based on React and Redux and written in TypeScript. WYSIWYG on steroids.

A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles.

This repository store the source code of a chat application built in NextJS.

Space Traveller hub is a web application that works with the real live data from the SpaceX API

Comments

infinite loading screen after signin

Owner

Smile Gupta

A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real-time collaboration anywhere

:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

React app that allows users to compare and analyze the cost of living between cities around the world.

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

A chat application created using React,js and Chat Engine

Discover people willing to split the cost for LeetCode Premium accounts with you @BITS-ACM.

The chat app built with microservice architecture, the app using: Lerna, pm2, GraphQL

Application that show the survey results for backend frameworks to the user in real time.

Tweak React components in real time. (Deprecated: use Fast Refresh instead.)

Create a performant distributed context state by synergyzing atomar context pieces and composing reusable state logic.