Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

Next.js - TreinaCare Aplicação web de agendamento de consultas médicas (consumindo API) Projeto Prático Next.js - TreinaCare Aplicação web de agendamento de consultas médicas (consumindo API)

Aprenda como desenvolver uma plataforma completa de agendamento médico com Next.js, React no front-end, acessando uma API no back-end

Curso com 06h52 de vídeos Categoria Desenvolvimento Front-end

Sobre o projeto

Neste projeto prático, você irá desenvolver uma plataforma de agendamento de consultas médicas utilizando o ecossistema Next.js e React. O sistema engloba uma aplicação web moderna, onde usuários podem visualizar profissionais, agendar horários e gerenciar seus próprios agendamentos. Ao longo do desenvolvimento, você aplicará tecnologias de ponta como Tailwind CSS para estilização, Shadcn UI para componentes reutilizáveis, Você também aprenderá a realizar requisições a APIs externas utilizando a API nativa Fetch do navegador, o que permitirá a integração com serviços de terceiros e a manipulação de dados assíncronos para enriquecer a funcionalidade da sua aplicação.

Neste projeto prático, você irá desenvolver uma plataforma de agendamento de consultas médicas utilizando o ecossistema Next.js e React. O sistema engloba uma aplicação web moderna, onde usuários podem visualizar profissionais, agendar horários e gerenciar seus próprios agendamentos. Ao longo do desenvolvimento, você aplicará tecnologias de ponta como Tailwind CSS para estilização, Shadcn UI para componentes reutilizáveis, Você também aprenderá a realizar requisições a APIs externas utilizando a API nativa Fetch do navegador, o que permitirá a integração com serviços de terceiros e a manipulação de dados assíncronos para enriquecer a funcionalidade da sua aplicação.

O que irá aprender?

Neste curso vamos avançar em nossos conhecimentos de Next.j

Alguns itens presentes no curso

  • Configuração de ambiente e estruturação de projetos com Next.js e React;
  • Utilização de Tailwind CSS para criação de interfaces responsivas e modernas;
  • Implementação de componentes acessíveis e customizáveis com Shadcn UI;
  • Realizar requisições a APIs externas utilizando a API nativa Fetch;
  • Autenticação de usuários utilizando tokens JWT e Cookies http-only.
  • Criação de páginas dinâmicas e rotas protegidas;
  • Boas práticas de organização de código e componentização.

Para quem?

Este curso é ideal para desenvolvedores que já possuem conhecimentos básicos em React e desejam aprofundar suas habilidades em aplicações full-stack modernas, utilizando o ecossistema Next.js e ferramentas como Tailwind, Shadcn, consumo de APIS.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato

Ambiente do curso

  • Node.js 22.11.0
  • VS Code 1.95.2
  • React 19
  • Next 15.0.2

Sobre o professor

Wesley Gado

Wesley Gado

Formado em Análise e Desenvolvimento de Sistemas pelo Instituto Federal de São Paulo, atuou em projetos como desenvolvedor Front-End. Nas horas vagas grava Podcast e arrisca uns três acordes no violão.

Quais os pré-requisitos para esse curso?

Conteúdo programático

  1. Apresentação

    Vamos conhecer o projeto prático a ser desenvolvido com React.js e Next.js

    2 aulas
  2. Desenvolvimento FrontEnd

    Vamos começar a desenvolver a plataforma pelo FrontEnd, utilizando Next.js e ferramentas como Tailwind e Shadcn

    30 aulas
    • Configurando Ambiente Next.js Prévia
    • Configurando Tema Tailwind Prévia
    • Construindo Home - Header
    • Construindo Home - Menu
    • Criando Componente Header Prévia
    • Criando componente SectionTitle
    • Construindo componente
    • Criando componente de agendamento
    • Implementando componente de agendamentos
    • Utilizando Shadcn para componentes Prévia
    • Corrigindo estilização e scrollbar
    • Estilizando filtro de especialidades
    • Estilizando card doutores
    • Estilizando botão e footer
    • Configurando lista de doutores
    • Simulando paginação e filtros dinâmicos
    • Criando página de perfil
    • Estilizando página perfil
    • Estilizando contato e localização
    • Finalizando estilização da página perfil
    • Criando página de agendamento
    • Estilizando agendamento de horários
    • Estilizando resumo do agendamento
    • Configurando slots de horários dinâmicos
    • Selecionando dia no calendário
    • Selecionando data e agendamento dinâmico
    • Estilizando Dialog Alert
    • Criando página de agendamentos
    • Criando menu
    • Ajustes FrontEnd
  3. Consumindo API externa - App dinâmica

    Vamos tornar a aplicação dinâmica consumindo uma API que irá prover os dados e utilizar tokens JWT para autenticação.

    10 aulas
    • Configurando a API Prévia
    • Configurando fetch e busca de médicos
    • Listando médicos dinamicamente
    • Exibindo perfil de médicos dinamicamente
    • Implementando Login
    • Implementando tela de login
    • Configurando busca de consultas
    • Listando consultas na home
    • Listando todas as consultas
    • Atualizando menu dinamicamente
Download da ementa

Utilizada e amada por milhares! Veja mais opiniões reais

  • Gostei muito do curso, ele abriu minha mente para o Visual Studio e o C#, deixando bem claro os usos das ferramentas. Assim como me ajudou a revisar de forma bem pratica os principais conceitos de Programação Orientada a Objetos. Recomendo.

    Depoimento - William
    C# (C Sharp) Básico
    William Poços de Caldas / MG
  • Já fui e paguei caro por um curso de C# que não me instruiu em nada, pois não tinha o conhecimento básico. Aí arrisquei no TreinaWeb, pois sempre tive preconceito com cursos assim... a distancia. Sempre achei que presencial com uma pessoa ali do seu lado era a melhor forma... estava enganado... Ótimo curso, didática excelente. E vamos agora para o Intermediário. Vlw equipe do TreinaWeb

    Depoimento - Leonardo
    C# (C Sharp) Básico
    Leonardo Nilópolis / RJ
  • O curso TreinaWeb - C# Básico me serviu para abrir muitas portas e me dar conhecimento além do que eu já vi em sala de aula. Quero dizer também, que gostei muito da didática do curso, pois acho que a aprendizagem só fica 'redondinha' quando vimos a prática, logo após a teoria! Recomendei o curso e o site da TreinaWeb para todos os meus amigos e conhecidos... Estou aguardando ansiosamente para começar o curso C# Intermediário e espero que possa ter uma experiencia tão boa quanto eu tive neste curso!

    Depoimento - Rodrigo
    C# (C Sharp) Básico
    Rodrigo Presidente Prudente / SP
  • Curso Excelente, otimos professores, explicação muito boa...ja estou adquirindo o proximo curso c# avançado. Indico para qualquer um e garanto um dos melhores curso que ja fiz. Parabens a toda equipe.

    Depoimento - Fabrício
    C# (C Sharp) Básico
    Fabrício Cariacica / ES
  • Esse curso para mim foi um desafio que eu recebi na empresa que eu trabalho, me fizerem uma proposta para eu aprender e me certificar em C# .NET em 90 dias. Esse curso foi minha salvação! Agora vamos para o Intermediário e por fim o Avançado!!! Agradeço...

    Depoimento - David
    C# (C Sharp) Básico
    David Fortaleza / CE
  • Bom, já tinha um conhecimento em programação C#, resolvi fazer o básico só por fazer e me surpreendi, vi muitas coisas novas, entendi melhor vários conceitos, enfim, estou a caminho do intermediário e recomento é um ótimo curso.

    Depoimento - Roberto
    C# (C Sharp) Básico
    Roberto Itaquaquecetuba / SP
  • Ótimo curso para iniciação a linguagem de C#. Tive uma certa familiaridade pois já conhecia JAVA, sendo assim fez com que muitos conceitos acabaram sendo reforçados e fixados. Em relação aos vídeos as aulas são muito didáticas e dinâmicas, e isso é ótimo.

    Depoimento - Caio
    C# (C Sharp) Básico
    Caio São Gonçalo / RJ
  • Antes de começar o curso eu já possuía um conhecimento mediano sobre C# e mesmo no módulo básico vi funcionalidades que ainda não conhecia. Ótimos métodos de aprendizagem, simples e eficaz. Recomendado.

    Depoimento - Carlos
    C# (C Sharp) Básico
    Carlos Poços de Caldas / MG
  • Ótimo curso! Realmente bastante esclarecedor e didático. O conteúdo é bem completo, abrangendo diversos assuntos de forma dinâmica e complementar, o que ajuda, e muito, no aprendizado e na visão de aplicabilidade. Além de todo o ambiente e dos recursos disponíveis tornarem o estudo mais amigável e menos cansativo.

    Depoimento - Dimitrius
    C# (C Sharp) Básico
    Dimitrius Três Corações / MG

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 129,00 ECONOMIZE R$ 960,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!