Doctor Appiontment

Rendez-vous chez le médecin en ligne

Le système de rendez-vous chez le médecin en ligne permet aux patients de sélectionner la date de rendez-vous chez le médecin souhaitée via la plateforme en ligne. Ce projet est développé à l'aide de la technologie MERN stack, intégrant diverses fonctionnalités pour créer un site Web professionnel. Le projet comprend une page d'accueil dynamique, des tableaux de bord d'administration et d'utilisateur, une page de connexion utilisateur avec une gestion professionnelle de toutes sortes de validations, la possibilité pour un patient de sélectionner un rendez-vous et d'afficher les informations du médecin, ainsi que ses propres informations de rendez-vous, une option pour sélectionner un médecin et afficher la date du rendez-vous, les opérations CRUD et les fonctionnalités supplémentaires. Le site Web présente un design réactif avec un en-tête et un préchargeur dynamiques.

La configuration de ce projet MERN sur votre ordinateur local implique généralement les étapes suivantes :

Le code frontal et Express se trouvent dans le même répertoire, avec l'API Express située dans ./api

1. Clonez ou téléchargez le code source du projet sur votre ordinateur local.
2. Installez les dépendances. Cela peut être fait à l'aide d'un gestionnaire de packages tel que npm (Node Package Manager) ou Yarn.
3. Exécutez le serveur de développement. Cela peut être fait à l'aide d'un outil de ligne de commande tel que le terminal, où vous pouvez exécuter la commande npm start ou Yarn Start.
4. Accédez au projet dans votre navigateur Web en accédant à http://localhost:3000 ou à une autre URL spécifiée.

Pour mettre en place une API Express dans le répertoire "./api" d'un projet, vous pouvez suivre ces étapes :

1. Installez les dépendances requises en exécutant npm install ou Yarn Install dans le terminal et en incluant le module express en tant que dépendance.
2. Configurez le serveur et configurez le middleware dans un fichier tel que index.js dans le répertoire "./api". Importez le module express et créez une instance d'une application express, configurez des itinéraires pour gérer les requêtes HTTP et configurez le middleware pour gérer les requêtes et les réponses.
3. Configurez les variables d'environnement pour le projet en créant un fichier tel que .env dans le répertoire racine et en spécifiant des paires clé-valeur pour toutes les variables spécifiques à l'environnement, telles qu'un numéro de port ou des informations d'identification de base de données.
4. Démarrez le serveur en exécutant une commande telle que node index.js ou nodemon index.js dans le terminal.
5. Testez l'API en envoyant des requêtes HTTP au serveur à l'aide d'outils tels que Postman ou cURL.

 MONGO=here will be your mongodb value      
JWT= Here will be your jason web token (Generate random number for secured your api).

3. Démarrez le serveur en exécutant une commande telle que node index.js ou nodemon index.js dans le terminal.
4. Testez l'API en envoyant des requêtes HTTP au serveur à l'aide d'outils tels que Postman ou cURL.

Remarque : Veuillez noter qu'il s'agit d'instructions générales pour la configuration d'une API Express et que les détails spécifiques de mise en œuvre peuvent varier en fonction des exigences de votre projet. Avant de commencer, assurez-vous de lire la documentation du projet ou le fichier Lisez-moi pour obtenir des instructions ou des exigences spécifiques.

Quelles fonctionnalités trouverez-vous ici ?

• Page d'accueil dynamique, servant de page de destination pour tous les utilisateurs.
• Tableaux de bord d'administration et d'utilisateur.
• Page de connexion utilisateur avec gestion professionnelle de toutes sortes de validations.
• Possibilité pour un patient de sélectionner un rendez-vous et d'afficher les informations sur le médecin, ainsi que ses propres informations de rendez-vous.
• Possibilité de sélectionner un médecin et d'afficher la date du rendez-vous.
• Opérations CRUD et fonctionnalités supplémentaires.
• Conception réactive avec un en-tête et un préchargeur dynamiques.

 **demo** : https://dental-doctor-ujjal.netlify.app/
**My Websit**e : https://ujjalzaman-b6c8a.web.app/

Quelle technologie utilise dans ces projets

L'extrémité avant :

• Réagir
• JavaScript(ES6)
• Réagir-Bootstrap
• HTML
• css5
• Interface utilisateur matérielle
• Réagir à l'animation
• Préchargeur
• Alerte
• Validation

Back-End :

• MongoDB
• Exprimer
• Cors
• Analyseur de corps
• Nodémon
• Téléchargeur d'images

Page de connexion (dans ce composant spécial pour moi car j'ai tout fait fonctionnellement via Vanila Javascript et j'ai fait cette réussite et cette validation solides)

Inscrivez-vous (dans ce composant spécial pour moi car j'ai tout fait fonctionnellement via Vanila Javascript et j'ai fait cette réussite et cette validation solides)

Page de destination

L'utilisateur doit se connecter et ajouter son rendez-vous

Obtenez AppointMenet

Rendez-vous

Tableau de bord (car j'ai laissé ici quelques fonctionnalités réservées à l'administrateur uniquement)

Liste de tous les patients (cette fonctionnalité n'est visible que pour les médecins et les administrateurs)

Contribuer :

1. Forkez le référentiel en cliquant sur le bouton « Fork » dans le coin supérieur droit de la page GitHub du projet. Cela créera une copie du projet dans votre propre compte GitHub.

2. Clonez le référentiel forké sur votre machine locale en exécutant la commande git clone https://github.com/your-username/online-doctor-appointment.git dans votre terminal.

3.Installez les dépendances du projet en exécutant npm install ou Yarn Install dans le répertoire racine du projet. Créez une nouvelle branche pour vos modifications en exécutant la commande git checkout -b branch-name , où branch-name est un nom descriptif de votre branche. Apportez les modifications souhaitées au code.

4.Testez vos modifications localement en exécutant npm start ou Yarn Start et en accédant au projet dans votre navigateur Web à http://localhost:3000 ou à une autre URL spécifiée. 5. Ajoutez et validez vos modifications dans votre référentiel local en exécutant la commande git add . suivi de git commit -m "Your commit message here"

6. Transférez vos modifications vers votre référentiel forké en exécutant la commande git push origin branch-name

7. Créez une pull request (PR) en accédant à votre référentiel forké sur GitHub et en cliquant sur le bouton « Nouvelle pull request ». Assurez-vous que la branche de base est définie sur la branche du projet d'origine à laquelle vous souhaitez contribuer et que la branche principale est définie sur la branche de votre référentiel forké qui contient vos modifications.

8.Écrivez un titre descriptif et un message pour votre demande d'extraction, expliquant les modifications que vous avez apportées et pourquoi elles doivent être fusionnées. Attendez que les responsables du projet examinent votre demande d'extraction et fournissent des commentaires. Il vous sera peut-être demandé d'apporter d'autres modifications ou de résoudre tout problème avant que vos modifications ne soient fusionnées.

9.Une fois votre pull request approuvée et fusionnée, vos modifications feront partie du projet. Félicitations, vous avez contribué avec succès au projet !

Merci d'avoir réfléchi à ce projet. Si vous avez des questions, n'hésitez pas à me contacter.