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

Overview

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, então utilizei meus conhecimentos prévios de React + TypeScript (e de frontend como um todo) aliado aos conhecimentos de Next.js e Supabase obtidos através do evento e construí o projeto do zero utilizando essas tecnologias. Dessa forma, tive como resultado uma aplicação fullstack com um frontend inclusivo e atrativo, aliado a uma integração em tempo real do frontend com o backend, possibilitando uma conversa síncrona entre usuários.

Página de Login

Página de Login

Página de Chat

Página de Chat

Perfil de usuário

Perfil de usuário

Layout mobile (não finalizado)

Página de chat versão mobile com a navegação fechada

Página de chat versão mobile com a navegação aberta

Além do mais, planejo levar esse projeto adiante com meus estudos, então a seguir listo algumas das minhas metas de desenvolvimento para essa aplicação:

Desenvolver sistema de:

  • canais e de servidores
  • autenticação com a conta do GitHub
  • amizade
  • grupos
  • notificação e menção
  • anexos de arquivos

Link para o site: https://aluracord-heitorlisboa.vercel.app

Contato:

You might also like...

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

React Hot Loader Tweak React components in real time ⚛️ ⚡️ Watch Dan Abramov's talk on Hot Reloading with Time Travel. Moving towards next step React-

Jan 1, 2023

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

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

.Net5 Hangfire and SignalR Survey Application Application that show the survey results for backend frameworks to the user in real time. The hangfire j

Dec 17, 2021

Real state property listing app using next.js , chakra.ui, SCSS

Real state property listing app using next.js , chakra.ui, SCSS

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Dec 19, 2021

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

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

Real-time covid data in Brazil states.

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

Glam It Up website is built with real live data from the Make up API.

Glam It Up website is built with real live data from the Make up API.

Glam It Up website is built with real live data from the Make up API. The application displays a variety of beauty products such as lipsticks, bronzers, foundation among many other products. You can select any product type that is available and check it's description, price and name.

Jun 7, 2022

A Google Clone which built with ReactJS. You can click the demo and search whatever you want!

Google Clone with ReactJS A small web app that imitate the desktop web version of google site, you can search whatever you want. Google Clone Demo Lin

Aug 14, 2022

İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

 İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

🟡 instagram-clone This is a instagram clone. You can sign in, sign up, upload image, make comment 📷 ⚡ LIVE To check out the live demo of this app AB

Apr 20, 2022

A Facebook Clone which built with reactJS. You can sign in with your Google Account and send realtime posts.

Facebook Clone with ReactJS A Facebook Clone application that you can sign in with your Google Account and send realtime posts. Facebook Clone Demo Li

Nov 25, 2022
Owner
Heitor Lisboa
Um estudante de programação muito entusiasmado e curioso.
Heitor Lisboa
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.

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

Smile Gupta 24 Jun 20, 2022
A chat application created using React,js and Chat Engine

⭐️ Chat-App ⭐️ A Chat Application created using React.js and Chat Engine Live Site Getting Started with Create React App This project was bootstrapped

Supuni Eleesha Randeniya 1 Dec 15, 2022
A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real-time collaboration anywhere

@yomo/react-cursor-chat ?? Introduction A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real

YoMo 84 Nov 17, 2022
Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend

Twitter Clone This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn de

Basudev 0 Feb 7, 2022
The chat app built with microservice architecture, the app using: Lerna, pm2, GraphQL

Microservice Chat App A microservice app! Built With Lerna pm2 Graphql Sequelize Socket.io About The Project Here's why: I want learn socket.io and mi

A.Samet Palitci 26 Aug 27, 2022
Chat application with express.js and ejs template engine

Full Stack Chat Applicaton project with Node Express.js MongoDB & EJS Template Engine - Tutorial Series Youtube Tutorial link You can get the complete

Learn with Sumit 75 Dec 28, 2022
Chat with an AI that's powered by GPT-j. Talk with it, set parameters, ask questions, and twist words

AI Chat - Open Source | Powered by GPT-j with 6 billion neurons Chat with an AI that's powered by GPT-j. Talk with it, set parameters, ask questions,

Romelianism 3 Dec 29, 2022
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!

Victor Silva 5 Mar 31, 2022
Um chat em Next.js usando os principais recursos do Firebase

Um chat em Next.js usando os principais recursos do Firebase

null 5 Apr 25, 2022
This is an online dialog with realtime chat, voice and face to face.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Gökhan ERGEN 2 Jun 7, 2022