https://github.com/mar-nb/quarrel-lacapsule

Projet de La Capsule visant à mettre en place un chat en temps réel avec React et Firebase.
https://github.com/mar-nb/quarrel-lacapsule

Last synced: 3 days ago
JSON representation

Projet de La Capsule visant à mettre en place un chat en temps réel avec React et Firebase.

• Host: GitHub
• URL: https://github.com/mar-nb/quarrel-lacapsule
• Owner: Mar-Nb
• Created: 2023-11-23T14:26:44.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-28T09:45:57.000Z (about 1 year ago)
• Last Synced: 2024-11-09T23:24:08.658Z (about 2 months ago)
• Language: TypeScript
• Homepage:
• Size: 86.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

# Quarrel

Une **mini-application de chat en temps réel**, avec un login via **Google** et la possibilité de créer des nouveaux channels de discussion.

(3ème projet d'alternance à **[La Capsule](https://www.lacapsule.academy/)**)

## Auteur(s)

- [@Mar-Nb](https://www.github.com/Mar-Nb)

## Technologies utilisées

- Next.js

- React Context

- React Hooks

- Tailwind CSS

- Firebase / Firestore

## Fonctionnalités

- Identification via un compte Google (_Firebase Authenticator_)

- Chat en temps réel (_Firestore Database_)

- Création de nouveaux channels

- Stockage des données de l'utilisateur dans le contexte de l'app

## Ce que j'ai appris

Durant ce projet, le but était de mettre à profit les outils proposés par Firebase pour construire une application avec un moyen d'authentification et des échanges en temps réel.

J'ai ainsi pu voir le côté pratique de l'utilisation d'un contexte (plus léger qu'un **Redux**), et l'intérêt que peut avoir un _custom hook_ (notamment pour récupérer les informations du contexte).

J'ai également pu, au travers de ce projet, continuer de me familiariser avec l'**App Router** de Next.js, qui diffère relativement de l'ancienne méthode de routing de ce framework.