Org

English | Español

---

🇬🇧 English

Project Overview

Org is a React application designed to help manage teams and collaborators within an organization. It allows users to create teams, add members, and visualize the organizational structure in an intuitive interface.

Features

• Team Management: Create and customize teams with specific colors.
• Collaborator Registration: Add new members with their role, photo, and team assignment.
• Interactive UI: Toggle visibility of the registration form.
• Favorites: Mark collaborators as favorites.
• Dynamic Styling: Team sections dynamically adapt to their assigned colors.

Technologies

• React (Create React App)
• CSS3 (Modular & Global styles)
• UUID (For unique ID generation)
• Vercel (Deployment)

Installation

1. Clone the repository:

   git clone https://github.com/HecthorDev/Org.git

2. Navigate to the project directory:

   cd Org

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

Deployment

This project is configured for deployment on Vercel.

• Connect your GitHub repository to Vercel.
• The vercel.json file ensures proper routing for the single-page application.

---

🇪🇸 Español

Resumen del Proyecto

Org es una aplicación React diseñada para ayudar a gestionar equipos y colaboradores dentro de una organización. Permite a los usuarios crear equipos, agregar miembros y visualizar la estructura organizativa en una interfaz intuitiva.

Características

• Gestión de Equipos: Crea y personaliza equipos con colores específicos.
• Registro de Colaboradores: Agrega nuevos miembros con su rol, foto y asignación de equipo.
• UI Interactiva: Alterna la visibilidad del formulario de registro.
• Favoritos: Marca colaboradores como favoritos.
• Estilos Dinámicos: Las secciones de los equipos se adaptan dinámicamente a sus colores asignados.

Tecnologías

• React (Create React App)
• CSS3 (Estilos Modulares y Globales)
• UUID (Para generación de IDs únicos)
• Vercel (Despliegue)

Instalación

1. Clona el repositorio:

   git clone https://github.com/HecthorDev/Org.git

2. Navega al directorio del proyecto:

   cd Org

3. Instala las dependencias:

   npm install

4. Inicia el servidor de desarrollo:

   npm start

Despliegue

Este proyecto está configurado para su despliegue en Vercel.

• Conecta tu repositorio de GitHub a Vercel.
• El archivo vercel.json asegura el enrutamiento adecuado para la aplicación de página única (SPA).