../projetos

Horizon

Horizon é um website fictício onde você pode criar sua conta e assinar algum plano disponível mensalmente.

NextJs
Typescript
MongoDB
Prisma
Next Auth
Zod
Stripe
TailwindCSS
Figma
Voltar para os projetos

Overview

Para fins de aprendizado, decidi criar esse projeto com a finalidade de aumentar meus conhecimentos na integração com alguma API de pagamento, para isso, escolhi usar o Stripe. Além disso, o projeto possuí um sistema de autenticação abrangente de registro e login utilizando JWT (JSON Web Token) para melhor segurança.

Instalação

Para ainstalação do projeto, siga as seguintes etapas:

  1. Clone o projeto na sua máquina local.
  2. Navegue até o diretório do projeto.
  3. Instale as dependências necessárias.
  4. Crie seu cluster no MongoDB Atlas.
  5. Crie seu .env e coloque sua DATABSE_URL.
  6. Coloque seu SECRET para o JWT no .env.
  7. Rode o servidor de desenvolvimento.
Instale as dependências necessárias usando:

# npm install
ou
# yarn install
ou
# pnpm install

O servidor estará na porta:
http://localhost:3000/
Para rodar o servidor de desenvolvimento use:

# npm run dev
ou
# yarn dev
ou
# pnpm dev
Após criar o seu cluster no MongoDB Atlas coloque:

DATABASE_URL="mongodb+srv://root:<password>@cluster0.ab1cd.mongodb.net/suadatabase"

* Lembre-se de colocar a URL correta do seu cluster :)
Crie seu SECRET para a autenticação JWT:

SECRET=Gere uma chave aleatória

Login

Imagem da seção Login

Registro

Imagem da seção Registro

Homepage

Imagem da seção Homepage

Planos

Imagem da seção Planos