Skip to content

Latest commit

 

History

History
135 lines (98 loc) · 2.57 KB

README.md

File metadata and controls

135 lines (98 loc) · 2.57 KB
Raw

Portafolio Personal

En este proyecto se implementa un portfolio personal desarrollado con React en el frontend y NestJS en el backend. El proyecto permite a los usuarios ver una lista de proyectos, junto con detalles como la tecnología utilizada, descripciones, enlaces a GitHub y demos.

Tecnologías Utilizadas

  • Frontend:

    • React
    • JavaScript
    • TailwindCSS
    • Axios

  • Backend:

    • NestJS
    • TypeScript
    • TypeORM
    • JWT para autenticación

Instalación

Requisitos Previos

  • Node.js
  • npm o yarn

Clonar el Repositorio

git clone https://github.com/sergihejo/portfolio.git
cd portfolio

Configuración del Backend

  1. Navega al directorio del backend:
cd backend
  1. Instala las dependencias:
npm install
  1. Configura las variables de entorno en un archivo .env:
DB_TYPE=mysql
DB_HOST=your_host
DB_PORT=3306
DB_USERNAME=your_username
DB_PASSWORD=your_password
DB_DATABASE=your_database
DB_DRIVER=mysql
FRONTEND_URL=http://localhost:3000
JWT_SECRET=your_secret
  1. Ejecuta las migraciones de la base de datos:
npm run typeorm migration:run
  1. Inicia el servidor:
npm run start:dev

Configuración del Frontend

  1. Navega al directorio del frontend:
cd frontend
  1. Instala las dependencias:
npm install
  1. Configura las variables de entorno en un archivo .env:
REACT_APP_BACKEND_URL=http://localhost:3001
REACT_APP_CONTACT_URL=formspree.io_form_url
  1. Inicia la aplicación:
npm start

Uso

Una vez que ambos servidores (frontend y backend) estén en funcionamiento, puedes acceder a la aplicación en http://localhost:3000. La página principal mostrará una lista de proyectos con sus detalles.

Estructura del Proyecto

portfolio/
├── backend/
│   ├── src/
│   │   ├── auth/
│   │   ├── projects/
│   │   ├── users/
│   │   └── main.ts
│   ├── .env
│   ├── nest-cli.json
│   ├── package.json
│   └── tsconfig.json
├── frontend/
│   ├── src/
│   │   ├── components/
│   │   ├── App.js
│   │   └── index.js
│   ├── .env
│   ├── package.json
│   └── webpack.config.js
└── README.md

Contribuciones

Las contribuciones son bienvenidas. Por favor, abre un issue o envía un pull request para discutir cualquier cambio que te gustaría hacer.

Licencia

Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.