Skip to content

renanbianchi/genezys-challenge

Repository files navigation

Desafio Genezys

Este projeto é um desafio construído usando Next.js com TypeScript para uma experiência de desenvolvimento estruturada e com tipagem segura. O Tailwind CSS fornece uma abordagem de "utilidade em primeiro lugar" para estilizar o front-end responsivo.

Features

  • Autenticação: Login, validação de token, e rotas seguras.
  • Integração com APIs: Busca e gerenciamento de dados do usuário.
  • Frontend: Design responsivo construído com Tailwind CSS.

Primeiros Passos

  1. Clone o repositório:
git clone https://github.com/renanbianchi/desafio-genezys.git
cd desafio-genezys
  1. Instale as dependências:
npm install
  1. Crie um arquivo local .env:
JWT_SECRET=your_secret
EMAIL_USER=your_secret
EMAIL_PASSWORD=your_secret
NEXT_PUBLIC_URL=your_local_project_address
  1. Execute o servidor de desenvolvimento:
npm run dev
  1. Acesse http://localhost:3000 em seu navegador.

Compilação para produção:

npm run build
npm start

Tecnologias usadas

  • Framework: Next.js
  • Linguagem: TypeScript
  • Estilização: Tailwind CSS
  • Autenticação: JWT

Estrutura de pastas

  • /src: Código fonte.
  • /pages: Páginas Next.js, incluindo rotas de API.
  • /components: Componentes de UI reutilizáveis que constroem a interface do usuário..
  • /services: Contém funções para interagir com APIs externas.
  • /styles: Mantém a configuração do Tailwind para estilizar a aplicação.

Feedback & Contribuições

Sinta-se à vontade para abrir issues ou enviar pull requests para contribuir com o projeto. Seu envolvimento é apreciado!

Licença

Este projeto é open-source e licenciado sob a Licença MIT, permitindo uso gratuito e modificação com atribuição adequada.

Genezys Challenge

This project is a challenge built using Next.js with TypeScript and styled with Tailwind CSS. It demonstrates the implementation of user authentication, API integration, and a responsive frontend.

Features

  • Authentication: Login, token validation, and secure routes.
  • API Integration: Fetch and manage user data.
  • Frontend: Responsive design built with Tailwind CSS.

Getting Started

  1. Clone the repository:
git clone https://github.com/renanbianchi/desafio-genezys.git
cd desafio-genezys
  1. Install dependencies:
npm install
  1. Create a .env.local file:
JWT_SECRET=your_secret
EMAIL_USER=your_secret
EMAIL_PASSWORD=your_secret
NEXT_PUBLIC_URL=your_local_project_address
  1. Run the development server:
npm run dev
  1. Visit http://localhost:3000.

Build for production:

npm run build
npm start

Tech Stack

  • Framework: Next.js
  • Language: TypeScript
  • Styling: Tailwind CSS
  • Authentication: JWT

Folder Structure

  • /src: Source code.
  • /pages: Next.js pages, including API routes.
  • /components: Reusable UI components.
  • /services: API service functions.
  • /styles: Tailwind configuration.

Feedback & Contributions

Feel free to open issues or submit pull requests. Contributions are welcome!

License

This project is open-source and licensed under the MIT License.