Aluracord

Imersão ReactJS - Alura

Project | Layout | Tools | Features | How to execute | License

---

Project 💻

Aluracord is a real-time web messaging platform inspired by Discord.

Layout 🔖

You can view the project layout through this link.

Tools 🛠️

This project was developed using the following technologies:

• ReactJS
• NextJS
• Supabase
• SkynexUI

Features 💡

Class #01

• Creating a project with NextJS and configuring it from scratch;
• Building the home page;
• Deploying the application on Vercel.

Class #02

• Getting profile picture from Github.

Class #03

• Building the chat page;
• Setting user message on pressing 'Enter' key.

Class #04

• Saving the messages on Supabase;
• Returning the messages from Supabase on screen.

Class #05

• Getting messages on real time from Supabase;
• Adding stickers feature.

Extra challenges

• Send message button (The same behavior that pressing the 'Enter' key, but on a button);
• Delete message button (Only the person that sends the message can delete your own message);

How to execute 🚀

• Clone this repository;
• Install all the dependencies with yarn or npm install;
• Run the application with yarn dev or npm run dev;
• Access localhost:3000 in your browser.

License 📄

This project is under the MIT license. See the LICENSE file for more details.

Developed with 💙 by Caio Hatai and Alura.