Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/shinjimc/portfolio

This React Vite TypeScript portfolio showcases cutting-edge development with Vitest, Sonarcloud quality control, EmailJS integration, and Docker packaging. Automated via GitHub Actions for seamless CI/CD, it epitomizes modern frontend practices and innovation.
https://github.com/shinjimc/portfolio

automated-testing ci-cd cicd containerization docker docker-image dockerfile emailjs front-end-development github-actions github-pages portfolio-website quality-control react reactts sonarcloud vite vitest web-application

Last synced: about 23 hours ago
JSON representation

Host: GitHub
URL: https://github.com/shinjimc/portfolio
Owner: ShinjiMC
License: other
Created: 2024-03-20T04:05:18.000Z (9 months ago)
Default Branch: main
Last Pushed: 2024-04-21T05:32:21.000Z (8 months ago)
Last Synced: 2024-11-06T03:37:42.726Z (about 2 months ago)
Topics: automated-testing, ci-cd, cicd, containerization, docker, docker-image, dockerfile, emailjs, front-end-development, github-actions, github-pages, portfolio-website, quality-control, react, reactts, sonarcloud, vite, vitest, web-application
Language: TypeScript
Homepage: https://shinjimc.github.io/Portfolio/
Size: 2.42 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

[![License: CC BY-NC-SA 4.0](https://img.shields.io/badge/License-CC_BY--NC--SA_4.0-lightgrey.svg)](https://github.com/ShinjiMC/Portfolio/blob/main/LICENSE)
[![React CI](https://github.com/ShinjiMC/Portfolio/actions/workflows/build.yml/badge.svg)](https://github.com/ShinjiMC/Portfolio/actions/workflows/build.yml)
[![Docker Image CI](https://github.com/ShinjiMC/Portfolio/actions/workflows/docker.yml/badge.svg)](https://github.com/ShinjiMC/Portfolio/actions/workflows/docker.yml)

# Portfolio by Braulio Maldonado Casilla

@ShinjiMC - By Braulio Nayap Maldonado Casilla

This portfolio is a personal project created with React, Vite, and TypeScript showcasing my skills, projects, and professional background.

## Technology Stack

- **Framework**: React + Vite
- **Language**: TypeScript
- **Testing**: Vitest, @testing-library
- **Animation**: Framer Motion
- **Internationalization**: i18n
- **Styling**: Sass
- **Email Integration**: @emailjs/browser

## Features

This portfolio is divided into four main sections, each designed to provide a comprehensive overview of my professional capabilities and personal projects.

### Home

The homepage introduces me with a brief overview and a welcoming message.
![Home Section](.Captures/Hero.png)

### About Me

This section contains detailed information about my skills, educational background, and certifications.
![About Me Section](.Captures/About.png)

### Projects

Here, I present all my projects, providing insights into each project along with links to live sites and source code for further exploration.
![Projects Section](.Captures/Projects.png)

### Contact

The contact form allows for easy communication, whether for inquiries, potential contracts, or other professional requests.
![Contact Section](.Captures/Email.png)

## Code Quality and Testing

The project emphasizes high code quality and robust testing, integrating Vitest for unit testing. You can view the project's code quality metrics and test coverage on SonarCloud at the following link:
[View SonarCloud Metrics](https://sonarcloud.io/summary/new_code?id=shinji_portfolio)
![SonarCloud Metrics](.Captures/sonarcloud.png)

## How to Compile

To compile the project locally, run the following command:

```bash
npm run dev
```

## Acknowledgements

This portfolio represents not only my technical skills but also my commitment to quality, usability, and continuous learning. I am excited to share it with you and welcome any feedback or inquiries.

Thank you for visiting my portfolio.

## License:

This project is licensed under [Creative Commons Atribución-NoComercial-CompartirIgual 4.0 Internacional](http://creativecommons.org/licenses/by-nc-sa/4.0/):