Ágora

📜 Descrição

Ágora é uma aplicação FullStack projetada para oferecer uma plataforma completa de aprendizado online. A plataforma proporciona uma experiência fluida tanto para alunos quanto para instrutores, permitindo a criação, gerenciamento e acesso a cursos de maneira eficiente.

Nota: Visualização Ao Vivo disponível para visualização.

📹 Vídeo do Projeto

PreviewCourse.mp4

🔨 Funcionalidades Principais

1. Autenticação e Usuário 🔐

   • Login seguro usando NextAuth.
   • Gerenciamento de perfil com upload de avatar via Cloudinary.

2. Página Home 🏠

   • Pesquisa de cursos com opções de filtro por categoria.
   • Exibição de cursos em destaque e feedback de alunos.
   • Área de Perguntas Frequentes (FAQ) para esclarecer dúvidas comuns.

3. Compra e Acesso a Cursos 🛒

   • Compra de cursos utilizando Stripe, com acesso completo a conteúdo, materiais e áreas de interação após a compra.

4. Dashboard Administrativo 📊

   • Painel para administradores gerenciarem cursos, usuários e categorias, com acesso a analytics e customização.

5. Notificações em Tempo Real 🔔

   • Notificações imediatas para usuários usando Socket.io.

👩‍💻 Tecnologias Utilizadas

Frontend

• Next.js - Framework React para renderização do lado do servidor.
• Typescript - Linguagem de programação que adiciona tipagem estática ao JavaScript.
• RTK Query - Ferramenta para consulta de dados eficiente.
• Socket.io - Biblioteca para aplicações web em tempo real.
• Redux - Ferramenta de gerenciamento de estado.
• Tailwind CSS - Framework de CSS para estilização.
• Material UI - Componentes React para desenvolvimento web rápido e fácil.
• Formik - Biblioteca para construção de formulários em React.
• Yup - Biblioteca JavaScript para validação e análise de valores.
• Toast - Biblioteca de notificações para React.
• NextAuth - Autenticação para aplicações Next.js.
• React Pro Sidebar - Componente React para navegação lateral.
• VdoCipher - Hospedagem e streaming de vídeos seguros.

Backend

• Node.js - Ambiente de execução JavaScript.
• MongoDB - Banco de dados NoSQL.
• Mongoose - ODM para MongoDB.
• Redis - Armazenamento de estrutura de dados em memória.
• Cloudinary - Serviço de armazenamento de mídia na nuvem.
• Stripe - Plataforma de processamento de pagamentos online.

📁 Executando Localmente

Backend

1. Clone o repositório:

   git clone https://github.com/oMiguelwnl/server.git
   cd server

2. Instale as dependências:

   npm install

3. Crie um arquivo .env e adicione suas variáveis de ambiente:

   PORT=8000
   ORIGIN=http://localhost:3000,

4. Inicie o servidor:

   npm run dev

Frontend

1. Clone o repositório:

   git clone https://github.com/oMiguelwnl/agora-client.git
   cd agora-frontend

2. Instale as dependências:

   npm install

3. Crie um arquivo .env.local e adicione suas variáveis de ambiente:

   NEXT_PUBLIC_SERVER_URL=http://localhost:8000/api/v1/

4. Inicie o servidor de desenvolvimento:

   npm run dev

🤝 Contribuindo

Contribuições são bem-vindas! Por favor, abra uma issue ou envie um pull request para quaisquer alterações.

👩‍💻 Desenvolvedor