Background

A client approached our team with a request to develop a resume portfolio website. They wanted to showcase their skills and experience in full-stack web development, including proficiency in HTML, CSS, Sass, PostCSS, UnoCSS, JavaScript (Core-JS), Babel.js, Node.js, React.js, TypeScript, Webpack, Express.js API REST, MySQL and Axios.js. The client had a clear vision of what they wanted the website to look like and how it should function.

Problem

The main challenge was creating a website that met the client's specific requirements while ensuring it was user-friendly and responsive across all devices. Additionally, we needed to ensure that the website loaded quickly and was optimized for search engines.

Solution

To meet the client's needs effectively, we decided to use React.js as the primary framework for building the website. We used Node.js as the backend server and Express.js API REST for handling requests from the frontend. We also utilized MySQL as our database management system.

We used Webpack to bundle all of our assets together and optimize them for production. To ensure that our code was clean and maintainable, we used TypeScript instead of JavaScript. For styling purposes, we used Sass and PostCSS with UnoCSS to make sure that our styles were consistent across all browsers.

Finally, we deployed the website on a cloud-based platform using AWS Elastic Beanstalk.

Impact

The website is fully responsive across all devices with fast load times (X% faster than industry standard).
The use of React.js made it easy to add new features and functionality as needed.
The implementation of TypeScript ensured that our code was clean and maintainable over time.
The use of AWS Elastic Beanstalk allowed for easy deployment and scaling of the website.

Team

Aloisio Magalhaes - Full-Stack Developer
- Oversaw the development of the website from start to finish.
- Implemented React.js as the primary framework for building the website.
- Used TypeScript to ensure that our code was clean and maintainable over time.
- Implemented Node.js as the backend server.
- Used Express.js API REST for handling requests from the frontend.
- Implemented MySQL as our database management system.
- Built user-friendly and responsive frontend using React.js and Sass and PostCSS with UnoCSS for styling purposes.
- Bundled all assets together using Webpack to optimize them for production.
- Deployed website on a cloud-based platform using AWS Elastic Beanstalk.
.

.

Aloisio Magalhaes