Plataforma de rede social criada com Nuxt no frontend e ASP.NET Core no backend.
- Front-end: Nuxt (Vue.js)
- Back-end: ASP.NET Core (C#)
- Banco de dados: Microsoft SQL Server
- Containerização: Docker + Docker Compose
- Visualizar posts, comentários e quantidade de likes
- Criar comentários
Nota: a rede social tem sistema aberto (o login não é obrigatório). Ou seja, para criar um comentário, é necessário usar 1 dos 10 nomes de usuários previamente propagados no banco de dados (
user1,user2, ...,user10).
- NPM ou Yarn
- Docker
Crie um arquivo docker-compose.yaml e copie o conteúdo a seguir nele:
volumes:
social_app_data: {}
networks:
social_app:
services:
backend:
image: guighm/social-app-backend:v1
ports:
- "5000:8080"
- "5001:8081"
networks:
social_app:
depends_on:
- db
db:
image: mcr.microsoft.com/mssql/server:2022-latest
container_name: sql1
hostname: sql1
ports:
- "1433:1433"
networks:
social_app:
environment:
ACCEPT_EULA: "Y"
MSSQL_SA_PASSWORD: "<YourStrong@Passw0rd>"
volumes:
- social_app_data:/var/opt/mssqlRode o seguinte comando:
docker-compose up -dO banco SQL Server e o back-end serão inicializados com Docker, e o back-end automaticamente rodará as migrations e o seed.
Clone o repositório:
git clone https://github.com/guighm/social-app-vue.gitAcesse a pasta social-app-vue:
cd social-app-vueInstale as dependências:
npm install
# ou
yarn installCrie um arquivo .env e copie o seguinte conteúdo nele:
NUXT_PUBLIC_API_URL=http://localhost:5000
Inicie o front-end:
npm run dev
# ou
yarn devO front-end estará disponível em:
http://localhost:3000
|
Guilherme Moraes |