Migrated to Vue 3

TBD

Migrated to Vite 3

This project has been rewritten from scratch in order to migrate to Vite 3

All plugins has been rewritten, and others, replaced with other plugins, here's a quick recap:

New Features

• Rewritten the project from scratch
• Updated to Vite 3
• Updated to Bootstrap 5.2
• Updated to Font Awesome 6
• Replaced the particle.js plugin to tsParticles
• Replaced vue-scrollto plugin to my own plugin
• Converted all images to webp files
• Implemented prefers-reduced-motion in the whole website
• Updated the list of required browsers, the project now requires browsers that the Vite documentation mentions

Know Issues

• My custom plugin SupportedBrowsers does not currently work on Vite, I'm actively migrating it
• tsParticles has some minor bugs with the following functionality I implemented: prefers-reduced-motion, for example:
  • Particles disappear from time to time
  • Particles are still moving, even if you enable reduced motion in your operating system

Updated to Vue-Cli 5

This project has been upgraded from Vue-Cli-4 to Vue-Cli 5

Vue-Cli 5 introduces some breaking changes that has been fixed by adapting some webpack configuration files.

New Features

• Updated to Vue-Cli 5
• Updated some webpack configuration files
• Updated my SupportedBrowsers plugin to Version 2
• Updated the list of required browsers, the project now requires browsers that supports es6-modules
• Updated some dependencies

Known issues

• I'm still using the old Bootstrap 4.6!, I will update the project to Bootstrap 5 as soon as possible.

Introducing wintercr.com

Hi! This is my first website created in Vue!

This website allows me to test and learn features of Vue and Vue-Cli 4 in a small project.

I also try to explore and implement good practices on this project, that will help me as the base for other future projects.

Features

• It uses Vue 2 as the Javascript for the website
• It uses Vue-Cli 4 as the tooling and management for this project
• It uses Bootstrap 4 as the CSS for the website
• It uses Font Awesome 5 as the icon library
• It shows a brief introduction of myself, @LeonSolisPedro
• It shows subtle and astonishing particles on the main page, thanks to particle.js
• It automatically detects if the browser is not supported, and displays a warning, all done with my own plugin called SupportedBrowsers.
• It uses Nginx as the web server, containerized in a Docker container

Feel free to check out this repository!

Note: This website requires browsers that supports ES2017 features