My Work

Share your favorite bands with other users!

Project Overview

This project is a full-stack web application hosted on Google Cloud and linked to a FreeDNS domain. It includes both frontend and backend deployment for the site. The frontend, built with React, handles user registration, authentication, and token management, while the backend, powered by Express.js and MongoDB, provides a RESTful API for user and card data. The application is secured with SSL and utilizes modern development practices.

Features

  • Frontend: User registration and authentication. React components for Login, Register, ProtectedRoute, and InfoToolTip. Local storage and token manipulation.
  • Backend: MongoDB for NoSQL database management. Schemas and models for Users and Cards. Error handling with status codes (400, 404, 500).
  • Deployment: Hosted on Google Cloud with FreeDNS domain. Secured with SSL and managed using Nginx and pm2.

Key Achievements

  • Developed a full-stack application with React frontend and Express.js backend.
  • Implemented user authentication, token management, and secure routing.
  • Deployed the application on Google Cloud with SSL for secure access.
  • Utilized FreeDNS for domain management and Nginx for server optimization.

Summary

This project showcases my ability to build and deploy a full-stack web application. Combining React for the frontend and Express.js with MongoDB for the backend, I created a secure and scalable platform for user interaction. Hosted on Google Cloud with SSL and managed via Nginx, the application reflects my expertise in modern web development and deployment practices.

Visit Site → GitHub
Project 1 Project 1 Project 1

Café de especialidad

Project Overview

Built using HTML and CSS, it adheres to a strict design brief and follows the BEM methodology for structured and maintainable code. The project was managed and version-controlled using GitHub, ensuring organized updates and collaboration.

Features

  • HTML5: Semantic markup for better structure and accessibility.
  • CSS: Advanced styling using Flexbox, positioning, and z-index for layering.
  • BEM Methodology: Flat file structure for organized and scalable code.
  • Embedded Content: Integration of multimedia elements (YouTube).
  • GitHub: Version control and project management.

Key Achievements

  • Successfully built a responsive and visually appealing webpage using HTML and CSS.
  • Applied BEM methodology for clean, maintainable, and scalable code.
  • Managed the project efficiently using GitHub for version control.

Summary

This project highlights my foundational skills in HTML and CSS, showcasing my ability to create structured, responsive, and visually engaging web pages. By following the BEM methodology and leveraging tools like GitHub, I ensured a maintainable and organized development process.
This project reflects my commitment to clean coding and continuous learning in web development.

Visit Site → GitHub
Project 3 Project 3 Project 3

Frameworks & languages

About Me

I’m a Junior Full-Stack Web Developer and Computer Engineering student specialized in Cybersecurity, focused on building secure and scalable web applications.

I work with JavaScript, React, Node.js, and MongoDB, applying best practices in clean code, DevSecOps, and web security. I’m motivated by continuous learning, problem-solving, and collaboration, and I’m always open to new challenges and professional opportunities.

My Resume
Braulio's photo