This project is part of the Summer Code Fest
(inspired by the "Summer Game Fest", probably one of the most terrible ideas we ever had as a society), and aims to practice the basics I couldn't explore in IT Academy's bootcamp. In this case, and after giving Next.js a try by creating a small Spotify Replica, I focused on some of the subjects mattering the most both to me and most of the Spanish citizens:
- The difficulty to
stay focused
during the summer. - The unsettling feeling today's elections are eliciting from us.
- The relevant figure of Mariano Rajoy, which wasn't so great whenever politics were involved, but that became essential from a comical standpoint.
- The importance of learning and practicing
TypeScript
(maybe
this isn't affecting the entire country, but it stillis
a crucial matter).
Considering this, I created a customized M. Pomodoro Rajoy Timer greatly inspired by some of our ex-president's most memorable quotes. Why? Because we all need to find the strength and courage to focus on our goals, wants, and wishes, and I believe that some of his emblematic sentences could fuel our spirit during difficult times. However, I do consider it essential to highlight that the intention of this small app is not
based on attacking various ideologies and positions. Far the contrary, I would want this space to bring a smile to the ones struggling with their studies, work, and overall time management.
After clarifying some crucial matters regarding the site's nature, allow me to explain what's the content you'll find by accessing this repository:
- A customizable timer, allowing the user to add and remove
5 minutes
each time the buttons are clicked. - A
theme switcher
, which can result in a relaxing feature for users that prefer adark theme
instead of alight one
. - A
clickable Rajoy's image
featuring some of his greatest hits. - A collection of different
playlists and songs
that represent both the Spanish nature of the app and the undeniable comedy we all need to keep on keeping on.
As for the playlists
that I decided to incorporate, they belong to 808 INC, Himnos Sintonías PP (I strongly recommend this specific channel - it's a gem!), and Relaxosaurus, respectively. Thank you all for such great contributions - and big Kudos to the ones sharing their art with others, like Caricaturas Vagas. You are awesome!
Please note that while I'm trying my best to improve and explore different technologies, tools and possibilities, there might be some inconsistencies. However, and as it happened with the previous app, I do found it essential to try our best to understand better whatever we are not familiarized with. If that's also your case and you'd want to give coding a try...
Next Generation Frontend Tooling
- 💡 Instant Server Start
- ⚡️ Lightning Fast HMR
- 🛠️ Rich Features
- 📦 Optimized Build
- 🔩 Universal Plugin Interface
- 🔑 Fully Typed APIs
Vite (French word for "quick", pronounced /vit/
, like "veet") is a new breed of frontend build tooling that significantly improves the frontend development experience. It consists of two major parts:
-
A dev server that serves your source files over native ES modules, with rich built-in features and astonishingly fast Hot Module Replacement (HMR).
-
A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.
In addition, Vite is highly extensible via its Plugin API and JavaScript API with full typing support.