Doctor Appiontment

Consulta médica on-line

O Sistema de Consulta Médica Online permite que os pacientes selecionem a data de consulta médica desejada por meio da plataforma online. Este projeto é desenvolvido utilizando a tecnologia MERN stack, incorporando diversas funcionalidades para a criação de um site profissional. O projeto apresenta uma página inicial dinâmica, painéis de administração e de usuário, página de login do usuário com tratamento profissional de todos os tipos de validações, capacidade do paciente selecionar uma consulta e visualizar informações do médico, bem como suas próprias informações de consulta, opção de selecionar um médico e veja a data da consulta, operações CRUD e recursos adicionais. O site possui um design responsivo com cabeçalho e pré-carregador dinâmicos.

A configuração deste projeto MERN em sua máquina local normalmente envolve as seguintes etapas:

O front-end e o código Express estão no mesmo diretório, com a API Express localizada em ./api

1. Clone ou baixe o código-fonte do projeto em sua máquina local.
2. Instale dependências. Isso pode ser feito usando um gerenciador de pacotes como o npm (Node Package Manager) ou o yarn.
3. Execute o servidor de desenvolvimento. Isso pode ser feito usando uma ferramenta de linha de comando como o terminal, onde você pode executar o comando npm start ou yarn start.
4. Acesse o projeto em seu navegador navegando até http://localhost:3000 ou outro URL especificado.

Para configurar uma API Express no diretório "./api" de um projeto, você pode seguir estas etapas:

1. Instale as dependências necessárias executando npm install ou yarn install no terminal e incluindo o módulo expresso como uma dependência.
2. Configure o servidor e configure o middleware em um arquivo como index.js dentro do diretório "./api". Importe o módulo expresso e crie uma instância de um aplicativo expresso, configure rotas para lidar com solicitações HTTP e configure middleware para lidar com solicitações e respostas.
3. Configure variáveis ​​de ambiente para o projeto criando um arquivo como .env no diretório raiz e especificando pares de valores-chave para quaisquer variáveis ​​específicas do ambiente, como um número de porta ou credenciais de banco de dados.
4. Inicie o servidor executando um comando como node index.js ou nodemon index.js no terminal.
5. Teste a API enviando solicitações HTTP ao servidor usando ferramentas como 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. Inicie o servidor executando um comando como node index.js ou nodemon index.js no terminal.
4. Teste a API enviando solicitações HTTP ao servidor usando ferramentas como Postman ou cURL.

Observação: observe que estas são instruções gerais para configurar uma API Express e os detalhes específicos de implementação podem variar dependendo dos requisitos do seu projeto. Antes de começar, leia a documentação do projeto ou o arquivo leia-me para obter instruções ou requisitos específicos.

Quais recursos você encontrará aqui?

• Página inicial dinâmica, servindo como página de destino para todos os usuários.
• Painéis de administração e usuário.
• Página de login do usuário com tratamento profissional de todos os tipos de validações.
• Capacidade de um paciente selecionar uma consulta e visualizar informações do médico, bem como suas próprias informações de consulta.
• Opção para selecionar um médico e visualizar a data da consulta.
• Operações CRUD e recursos adicionais.
• Design responsivo com cabeçalho e pré-carregador dinâmicos.

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

Que tecnologia estamos usando nestes projetos

Front-end :

• Reagir
• Javascript(ES6)
• React-Bootstrap
• HTML
• css5
• IU de medição
• Animação de reação
• Pré-carregador
• Alerta
• Validação

Back-end:

• MongoDB
• Expressar
• Cors
• Analisador de corpo
• Nodemon
• Carregador de imagens

Página de login (neste componente especial para mim porque fiz tudo funcionalmente via vanila Javascript e fiz esta passagem e validação fortes)

Inscreva-se (neste componente especial para mim porque fiz tudo funcionalmente via vanila Javascript e fiz esta passagem e validação fortes)

Página inicial

O usuário deve fazer login e adicionar seu compromisso

Obtenha o AppointMenet

Encontro

Daashboard (já que deixei poucas funcionalidades aqui apenas para administrador)

Lista de todos os pacientes (este recurso é visível apenas para médicos e administradores)

Contribuindo:

1. Bifurque o repositório clicando no botão "Fork" no canto superior direito da página GitHub do projeto. Isso criará uma cópia do projeto em sua própria conta GitHub.

2. Clone o repositório bifurcado em sua máquina local executando o comando git clone https://github.com/your-username/online-doctor-appointment.git em seu terminal.

3.Instale as dependências do projeto executando npm install ou yarn install no diretório raiz do projeto. Crie uma nova ramificação para suas alterações executando o comando git checkout -b branch-name , onde branch-name é um nome descritivo para sua ramificação. Faça as alterações desejadas no código.

4.Teste suas alterações localmente executando npm start ou yarn start e acessando o projeto em seu navegador em http://localhost:3000 ou outro URL especificado. 5. Adicione e confirme suas alterações em seu repositório local executando o comando git add . seguido por git commit -m "Your commit message here"

6. Envie suas alterações para seu repositório bifurcado executando o comando git push origin branch-name

7. Crie uma solicitação pull (PR) navegando até seu repositório bifurcado no GitHub e clicando no botão "Nova solicitação pull". Certifique-se de que o branch base esteja definido como o branch do projeto original com o qual você deseja contribuir, e o branch head esteja definido como o branch do repositório bifurcado que contém suas alterações.

8.Escreva um título e uma mensagem descritivos para sua solicitação pull, explicando as alterações feitas e por que elas devem ser mescladas. Aguarde até que os mantenedores do projeto revisem sua solicitação pull e forneçam feedback. Você pode ser solicitado a fazer mais alterações ou resolver quaisquer problemas antes que suas alterações sejam mescladas.

9. Depois que sua solicitação pull for aprovada e mesclada, suas alterações passarão a fazer parte do projeto. Parabéns, você contribuiu com sucesso para o projeto!

Obrigado por considerar este projeto. Se você tiver alguma dúvida, não hesite em entrar em contato comigo.