An open API service indexing awesome lists of open source software.

https://github.com/renovatt/portsync-front-end

Sistema de gerenciamento para portfolio.
https://github.com/renovatt/portsync-front-end

api-rest nextjs nextjs14 shadcn-ui tailwindcss typescript use-server

Last synced: 2 months ago
JSON representation

Sistema de gerenciamento para portfolio.

Awesome Lists containing this project

README

          



## 🏋️‍♂️ Sobre o Projeto

### Bem-vindo ao `PortSync`: Sistema de gerenciamento para Portfólio

#### Desenvolvido com` Next.js 14`, o PortSync é uma aplicação completa de `CRUD` projetada para gerenciar os projetos do meu portfólio. Com ele, posso adicionar, editar ou deletar meus projetos, que são listados em tempo real no meu [Portfólio](https://renovatt.dev.br).

#### A API deste projeto foi construída por mim utilizando `Nest.js`, seguindo padrões robustos de `CRUD` e autenticação `JWT`.

#

[Ver Projeto](https://portsync.vercel.app) 🚀

## 🎨 Visual do Projeto

### ***Web Layout***

![Web-1](/public/imgs/web-1.png)
![Web-2](/public/imgs/web-2.png)
![Web-3](/public/imgs/web-3.png)
![Web-4](/public/imgs/web-4.png)
![Web-5](/public/imgs/web-5.png)
![Web-6](/public/imgs/web-6.png)
![Web-7](/public/imgs/web-7.png)
![Web-7](/public/imgs/web-7.5.png)
![Web-8](/public/imgs/web-8.png)

## 🛠️ Tecnologias

💻 **Front-End**
- [Next.js 14.2.3](https://nextjs.org)
- [Typescript](https://www.typescriptlang.org)

📚 **Bibliotecas**
- [zod](https://zod.dev/)
- [react-hook-form](https://react-hook-form.com/)
- [jsonwebtoken](https://jwt.io/)

🎨 **Estilização**
- [shadcn-ui](https://ui.shadcn.com/)
- [tailwindcss](https://tailwindcss.com/docs/installation)
- [lucide](https://lucide.dev/)

🔋 **Versionamento e Deploy**
- [Git](https://git-scm.com)
- [Vercel](https://vercel.com/)

## ⚙️ Configurações e Instalação

```sh
# clonando o projeto
git clone https://github.com/renovatt/portsync-front-end.git
```

```sh
# Instalando as dependências
npm install
```

```sh
# Compilar e abrir o programa para desenvolvimento
npm run dev
```

```sh
# Compilar e minificar para produção
npm run build
```

🚀 **Como contribuir?**

- Siga-me no GitHub para oferecer suporte.
- Dê uma estrela ao projeto.
- Conecte-se comigo no LinkedIn para expandir nossa rede e curta o projeto.


🧑‍💻 **Criado por**
[@renovatt](https://www.linkedin.com/in/renovatt/)