Skip to content

Woodiss/projetReact

Repository files navigation

📝 Projet React - Éditeur Markdown

Site Web : https://my-dashboard-markdown.netlify.app

dashboard.png

📖 Description

Ce projet est un éditeur Markdown en React qui propose une interface "old school" pour le tableau de bord, incluant plusieurs éléments fun comme une blague du jour, une citation, et des événements historiques du jour. Il comprend deux pages principales : un tableau de bord et une page d'édition pour les fichiers Markdown sélectionnés.

✨ Fonctionnalités

  • Tableau de bord avec citations, blagues, et événements historiques.
  • Éditeur de fichiers Markdown avec options d'import/export.

Page Tableau de Bord

🛠️ Fonctionnalités 📌 Disponibilité 💬 Commentaire
- 🗓️ Affichage de la date et l'heure
- 💡 Citation du jour ( Via une API )
- 😆 Blague du jour ( Via une API )
- 📜 Événements historiques du jour ( Via une API )
- 🍹 Mocktail du jour ( Via une API )
- 🍽️ Recette du jour ( Via une API )
- 📝Liste des fichiers Markdown créés par l’utilisateur avec possibilité de création

Page d'Édition de Fichier Markdown

🛠️ Fonctionnalités 📌 Disponibilité 💬 Commentaire
- ✏️ Édition et prévisualisation en HTML du fichier Markdown
- 📤 Exportation du fichier en .md
- 📥 Importation de fichier .md existant pour édition
- 🗑️ Ajout d'un button Supprimer Button supprimer pour un fichier ReadMe.Md

🌟 Fonctionalités Bonus

🛠️ Fonctionnalités 📌 Disponibilité 💬 Commentaire
- 🎉 Ajout des émojis des année 2000
- 📱 Full Responsive
- 🖼️ Ajout des images dans Mocktail et Recettes
- 📌 Ajout de la ClassActive dans la Nav
- 🚀 déploiment du projet (Via Netlify 🌐)

Installation

  1. Cloner le dépôt : git clone https://github.com/utilisateur/projet-react-markdown.git
  2. Installer les dépendances : npm install
  3. Lancer le projet : npm run dev

Technologies

  • React
  • React Router
  • Markdown Showdown
  • API

Ressources et APIs

Membres du Groupe

💬 Remerciements

Un grand merci à Damien pour ce projet stimulant et enrichissant ! Ce projet nous a permis de développer nos compétences en React tout en explorant des fonctionnalités uniques, comme le tableau de bord "old school" et l'éditeur Markdown. Merci pour l'inspiration et les conseils tout au long de ce parcours ! 🙏

📜 Licence

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.

© 2024 Groupe 3 - Projet React Hetic - Web2 . All rights reserved.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors