Skip to content

TeamScope is a full-featured system for managing employees and projects, built with React (frontend) and Laravel (backend).

Notifications You must be signed in to change notification settings

gui-silva-github/teamscope

Repository files navigation

📊 TeamScope - Laravel + React Starter Kit

TeamScope is a full-featured system for managing employees and projects, built with React (frontend) and Laravel (backend). It includes a dynamic dashboard that provides real-time insights such as:

  • Total number of employees
  • Unique roles
  • Number of registered projects
  • Sum of project values

🛠️ This project is functional but still open to improvements and optimizations.


Login e SignUp


Dashboard


Time


Projetos


Modal


🚀 Tecnologias

Frontend

Vite React

Backend

Laravel MySQL


🚝 Ambientes de Execução necessários:

  • Composer
  • NodeJS

📦 Recursos

  • ✅ Full CRUD for employees
  • ✅ CRUD for projects (with budgets/values)
  • ✅ GitHub and LinkedIn profile integration
  • ✅ Interactive dashboard with live statistics
  • ✅ Responsive and modern interface
  • ✅ RESTful API integration between backend and frontend

🧑‍💻 Como rodar?

Clone o repositório:

git clone https://github.com/gui-silva-github/teamscope.git

Instale as dependências (Laravel):

composer install

Instale as dependências (Node):

npm install

Crie um .env no root do projeto:

cp .env.example .env

Instancie os parâmetros do MySQL no .env criado:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=teamscope
DB_USERNAME=root
DB_PASSWORD=

Rode o Vite e o Laravel:

composer run dev

Clique nessa URL:

APP_URL: http://localhost:8000

↪️ Manual para Uso:

Database

.env

config/database.php


Migration

php artisan make:migration create_posts_table

-> Setar os campos

php artisan migrate

-> Criando a tabela


Model

php artisan make:model Post

-> Preencher fillable


Controller

php artisan make:controller PostController --resource

-> Fazer o return do index com: return Inertia::render('Posts', [ 'posts' => Post::all() ]);


View

-> Usar o resource para fazer CRUD

Route::resource('posts', PostController::class);


Ts em Render

pages/Posts.tsx:

-> Usar Head, router e usePage (GET e DELETE)

components/PostFormModal.tsx:

-> Usar router e instância de Post (PUT e POST)

About

TeamScope is a full-featured system for managing employees and projects, built with React (frontend) and Laravel (backend).

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published