About | Features | Technologies | Requirements | Starting | License | Author
This is a project developed during React Immersion promoted by Alura at the end of Jan/22.
I did a lot of extra functionality that wasn't in the scope of the original design. All this to improve myself more and more in the React stack.
In addition to React, other tools like NextJS, Auth0, Styled Components and Supabase were used.
Here is the project originally prototyped by the folks at Alura and hosted on Figma.
-
Supabase was used to store messages and keep them on a server.
-
Auth0
The original idea proposed a simple chat, without any kind of user creation or anything like that. Just enter a Github username and you can impersonate anyone you want. To get around this I had the idea of authenticating users and took the opportunity to study more about the authentication methods available on the market. The solution adopted was to use Auth0 and integrate it with Supabase. -
In styling this project, the Styled-Components library was used in everything, mainly because of the internship I'm working on. I'm trying to improve myself more and more in this lib that I just love. ❤️
✔️ User Authentication;
✔️ Your messages rendering in right side follow the pattern in actual chats;
✔️ Wrong message, don't panic! There is a delete button;
✔️ Sequential messages from the same user are rendered in groups;
✔️ Emoji button;
✔️ Chat in real time;
The following tools were used in this project:
- React
- NextJS
- Auth0
- Supabase
- Styled-Components
- React Icons
- And others...
Before starting 🏁, you need to have Git and Node installed.
# Clone this project
$ git clone https://github.com/rvahilario/hilaricord
# Access
$ cd hilaricord
# Install dependencies
$ yarn
# Run the project
$ yarn start
# The server will initialize in the <http://localhost:3000>This project is under license from MIT. For more details, see the LICENSE file.
Made with ☕ by Renan Hilário