Redd.it

Redd.it - Un Clone de Reddit

Aperçu du Projet

Redd.it est un clone de Reddit construit avec des technologies web modernes, visant à offrir une expérience utilisateur propre et rapide. Le projet utilise React 18 comme base, stylisé avec Tailwind CSS et les composants Material-UI pour créer une interface intuitive et responsive.

L’application est principalement orientée côté client, conçue comme une base solide qui démontre les fonctionnalités essentielles de Reddit tout en maintenant une architecture de code propre et des performances optimales.

Stack Technique

Frontend: React 18
Style: Tailwind CSS et Material-UI
Services Backend: Firebase (Authentification, Firestore)
API: API légère personnalisée pour une inscription utilisateur sécurisée

Architecture

Bien qu’il s’agisse principalement d’une application client, Redd.it suit des principes architecturaux solides. Il met en œuvre une conception où l’application client demande des données à une couche API, qui gère les interactions avec la base de données, garantissant :

Une validation et un traitement appropriés des données
Des vérifications d’autorisation sécurisées
Une séparation claire des préoccupations

Une API légère a été développée spécifiquement pour l’inscription des utilisateurs afin de garantir la sécurité indépendamment des détails d’implémentation côté client.

Fonctionnalités

Redd.it offre un ensemble complet de fonctionnalités qui reflètent les fonctionnalités principales de Reddit :

Gestion des Utilisateurs
- Fonctionnalités d’inscription et de connexion
- Options de modification de profil
Interaction avec le Contenu
- Créer, modifier et supprimer des publications
- Commenter les publications
- Voter pour ou contre le contenu
Fonctionnalités Communautaires
- S’abonner aux subreddits
- Suivre d’autres utilisateurs
- Créer de nouveaux subreddits

Installation et Configuration

La mise en place locale de Redd.it est simple :

Cloner le dépôt
Installer les dépendances avec Yarn :
Terminal window
```
yarn install
```
Démarrer le serveur de développement :
Terminal window
```
yarn dev
```

Tester l’Application

Pour les besoins de test, vous pouvez utiliser les identifiants suivants :

Email: test@test.com
Mot de passe: testuser123

Configuration Firebase

Pour vous connecter correctement au backend Firebase :

Créez un fichier .env à la racine du projet
Contactez le responsable du projet (Discord: ogb4n) pour recevoir les détails de configuration Firebase requis
Ajoutez la configuration fournie au fichier .env

État du Projet et Développement Futur

Ce projet a été développé comme une démonstration de compétences en développement front-end utilisant React et des bibliothèques UI modernes. Bien qu’il fournisse une base solide, le développement continu est limité. Le code source priorise :

Une architecture propre
L’optimisation des performances
Les fonctionnalités principales de Reddit

Contact et Support

Pour toute question concernant l’exécution du projet ou l’accès aux détails de configuration nécessaires, veuillez contacter via Discord : ogb4n

Ce projet est à des fins de démonstration et d’éducation. Il n’est pas affilié à Reddit.