Skip to content

Dannick10/yksync_frontend

Repository files navigation

🧠 YkSynck — Gerenciador de Projetos Moderno

banner

Uma plataforma completa para organização, acompanhamento e análise de projetos, reunindo tarefas, prazos, tecnologias utilizadas e estatísticas de produtividade em um único lugar.


🚀 Sobre o Projeto

O YkSynck foi criado para ajudar desenvolvedores e equipes a organizarem seus projetos de forma eficiente.

A aplicação reúne diversas ferramentas em um único sistema:

  • gestão de projetos
  • organização de tarefas em estilo Kanban
  • acompanhamento de prazos
  • estatísticas de produtividade
  • visualização em calendário
  • controle das tecnologias utilizadas

Tudo isso com uma interface moderna e responsiva.


📸 Preview da Aplicação

📌 Organização de Projetos

Organização de Projetos
Crie e gerencie projetos em um único lugar
Defina prazos, tecnologias e links de fácil acesso.
Acompanhe detalhes e status de forma organizada pela data definida.

📊 Estatísticas Detalhadas

Estatísticas Detalhadas
Gráficos interativos de produtividade por mês e ano.
Relatórios por período e acompanhamento de evolução.

📅 Calendário Integrado

Calendário Integrado
Visualização clara de prazos e status de projetos.
Sincronização automática com tarefas cadastradas.

💻 Gestão de Tecnologias

Gestão de Tecnologias
Categorização de stacks (Frontend, Backend, Database, Testes).
Visualização de tecnologias associadas a cada projeto.
Estatísticas baseadas em todos os projetos adicionados.

📋 Organizador de Tarefas (Kanban)

todolist
Sistema Kanban com colunas personalizadas.
Organização visual de tarefas com sistema de drag and drop.
Acompanhamento do progresso dentro de cada projeto.

⚙️ Recursos Técnicos

🛡️ Criptografia com Bcrypt 🔐 Autenticação com JWT
Proteção segura de senhas e dados sensíveis. Controle de sessão seguro baseado em tokens.
🔗 API REST com Express + MongoDB 🗂️ Estado global com Redux Toolkit
Backend estruturado e escalável com banco NoSQL. Gerenciamento centralizado de estado da aplicação.
🎨 Animações com Framer Motion
Experiência visual fluida com transições suaves.

🛠️ Tecnologias Utilizadas

Frontend

  • Next.js
  • TypeScript
  • TailwindCSS
  • Framer Motion
  • Redux Toolkit
  • React Hook Form
  • Zod

Backend

  • Node.js
  • Express.js
  • MongoDB
  • Bcrypt
  • JWT

Bibliotecas

  • Dnd-kit (Drag and Drop)
  • Calendar.js
  • Day.js
  • Chart.js

🔧 Backend

O backend do YkSynck foi desenvolvido com:

  • Node.js
  • Express
  • MongoDB
  • Bcrypt
  • JWT

🔗 Repositório do Backend:
https://github.com/Dannick10/YKSync-


⚙️ Instalação

Siga os passos abaixo para rodar o projeto localmente.

1️⃣ Clone o repositório

git clone https://github.com/Dannick10/YkSynck.git

2️⃣ Entre na pasta do projeto

cd YkSynck

3️⃣ Instale as dependências

npm install

4️⃣ Execute o projeto

npm run dev

5️⃣ Abra no navegador

http://localhost:3000

🤝 Contribuição

Contribuições são bem-vindas!

  1. Faça um Fork do projeto
  2. Crie uma Branch
git checkout -b feature/melhoria
  1. Faça o Commit
git commit -m "Add: nova funcionalidade"
  1. Envie para seu repositório
git push origin feature/melhoria
  1. Abra um Pull Request

📄 Licença

Este projeto está licenciado sob a MIT License.


Desenvolvido com foco em inovação e produtividade por Daniel Rocha



About

Gestão Ágil de Projetos | Dashboard administrativa com Kanban interativo, autenticação JWT e gerenciamento de estado complexo.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages