dev.Chat

O objetivo do projeto é simular um simples sistema de bate bapo semelhante ao Bate Bapo da UOL.

kazam_vb11yxa1.movie.mp4

🚀 Technologies

Tecnologias utilizadas no frondend

• Nextjs
• TypeScript
• TailwindCss
• Eslint
• axios
• nookies
• react-hook-form
• zod

Tecnologias utilizadas no backend

• NodeJs
• TypeScript
• PrismaORM
• SQLite
• Jwt
• express

Clone o projeto e acesse a pasta

$ git clone git@github.com:ganimedes96/DevChat.git && cd DevChat

Siga as etapas abaixo para instalar as dependências necessárias

# Install the dependencies web
# Aplicacao web esta rodando na porta 3000
$ npm install

# Install the dependencies server
# Aplicacao server esta rodando no porta 3001
$ npm install

$ Depois rode os comandos `npm run dev` para inicar a aplicacao `web` e o mesmo comando vale para iniciar o `server`

BACK-END

Rota de registro

-

Nessa rota e esperado um JSON no seguinte formato

#Rota POST http://localhost:3001/users/register  
{
  "username": "John Doe",
  "password": "123456"
}

Rota de Login

-

Nessa rota e esperado um JSON no seguinte formato

#Rota POST http://localhost:3001/login  
{
  "username": "John Doe",
  "password": "123456"
}

Usuário pré-cadastrados para o acesso:

Nome	Senha
Felix	123456

Rota das categorias

-

Nessa rota e retornado um JSON no seguinte formato

#Rota GET http://localhost:3001/category
[
	{
		"id": "clbqu9ryf0000i0qfk0wzgn8g",
		"category": "python"
	}
]

Rota para criar uma categoria

-

Nessa rota e esperado um JSON no seguinte formato

#Rota POST http://localhost:3001/category/register
{
	
	"category":"mysql"
}

Rota para fazer a filtragem das mensagens

-

Nessa rota e retornado um JSON no seguinte formato

#Rota GET http://localhost:3001/message
[
	{
		"id": "clbs4d8oq0001i0p2bi8j6g6s",
		"content": "Ola",
		"User": {
			"username": "Felix",
			"img_url": "https://github.com/Felix.png"
		}
	},
	{
		"id": "clbs0lgmm0000i0vp5a0h49qy",
		"content": "Como utilizar o useReducer no React",
		"User": {
			"username": "Felix",
			"img_url": "https://github.com/Felix.png"
		}
	},
	{
		"id": "clbqza90v0004i0gqflniv262",
		"content": "Como utilizar o useContext no react com typescript",
		"User": {
			"username": "ganimedes96",
			"img_url": "https://github.com/ganimedes96.png"
		}
	}
]