Personal website - Eljonas Cavalcante

This is a solution for Personal website. The site challenge is to build an interactive presentation that helps improve my coding skills when building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

Above all, a personal website serves as a window where you can showcase particular skills and connect with a particular target audience. This applies best when it comes to the job market, whether you are looking for a better job or simply considering an alternative career path.

The challenge

Users should be able to:

• See the size of the elements adjust based on their device's screen size
• Perform mathmatical operations like addition, subtraction, multiplication, and division
• Adjust the color theme based on their preference

Screenshot

Links

• Figma URL: Designing the website
• Pixabay URL: Free photos
• Google Fonts URL: Fonts
• Iconscout URL: Free icon
• Swiper URL: Framework

Built with

• Semantic HTML5 markup
• CSS custom properties
• Function Javascrip
• Mobile-first workflow
• Styled Components - For styles

Continuous development

CSS allows you to animate HTML elements without using JavaScript or Flash!

Helpful Resources

• W3 schools - It helped me with the basic structure. I really liked this pattern and will use it going forward.
• MSN Web Docs - This is an amazing article that helped me finally understand the x, y and z route.

Author

• Website - Eljonas Cavalcante
• Instagram - @eljonascavalcante

Thanks

I finally finished this project! Thank you Bianca Barbosa for your support.