Logo - Mentorix


Site | Mentorix

Tópicos

Resumo 📝

O Mentorix é um plataforma que conecta mentores experientes a mentes em busca de orientação e desenvolvimento. Nossa plataforma oferece acesso a uma variedade de mentorias em diversas áreas, abrangendo tecnologia, negócios e desenvolvimento pessoal. Desenvolvimento do Front-End que vai consumir todos os endpoints criados para a API do Módulo 4.

Descrição 📄

O site Mentorix foi desenvolvido para a avaliação "Projeto em Grupo - Ligando as Peças” do "Módulo 5: Frameworks, bibliotecas, tecnologias client-side/front-end + Postura profissional e Inovação" do curso de formação WebDev Full Stack JavaScript da Resilia Educação em parceria com o programa "Códigos do Amanhã" da EBANX.

(http://mentorix.netlify.app/):

Funcionalidades

  • Mentor faz cadastro no Mentorix
  • Lista de Mentores é atualizada com os dados cadastrados
  • Mentor faz login
  • Mentor entra na Área do Mentor e vê seus dados de cadastros preenchidos
  • Mentor consegue editar e salvar seus dados cadastrados previamente
  • Mentorado manda mensagem solicitando agendamento
  • Mentor recebe a mensagem na Área do Mentor
  • Mentor recebe a mensagem por e-mail
  • Mentor aceita ou recusar a solicitação de agendamento do Mentorado
  • Mentorado recebe e-mail com o aceite ou a recusa

Tecnologias utilizadas

Node.js //React + Vite// Postman

Dependências: @fortawesome/fontawesome-free // @phosphor-icons/react //@tanstack/react-query // axios // bootstrap//notistack // react // react-bootstrap // react-query // react-router-dom //styled-components

React Vite Styled Components JavaScript CSS3

Paleta de cores 🎨

Paleta de Cores do Projeto

Pré-requisitos ⚠️

Certifique-se de ter o Node.js instalado em seu sistema. Você pode baixá-lo em nodejs.org. Node.js

Como instalar 🏗️

  • Clone o repositório para seu sistema local:
Com HTTPS:
git clone https://github.com/devtaw/react-frontend-mentorix.git
  • Acesse o diretório do projeto:
cd react-frontend-mentorix
  • Instale as dependências do projeto:
Com gerenciador de pacotes npm:
npm install
  • Inicie a aplicação:
npm run dev
  • O aplicativo ficará disponível no seu navegador pelo link:

Acesso ao projeto 📂

  • Acesse os arquivos de código-fonte clicando aqui.

  • Ou faça o download dos arquivos de código-fonte clicando aqui.

  • Acesse o back-end da aplicação clicando aqui.

Deploy

  • Back-end - Google Cloud clique aqui

  • Front-end - Netlify clique aqui.

Apresentação

Para ver a apresentação clique aqui.

Desenvolvedores :octocat:

Foto de perfil - Daniela
Daniela Silva
Foto de perfil - Felipe
Felipe Gomes
Foto de perfil - Jéssica
Jéssica dos Santos
Foto de perfil - Tawany
Tawany Simões

Feito com 💜 Squad 4..