This is a solution to the Clock app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- View the current time and location information based on their IP address
- View additional information about the date and time in the expanded state
- Be shown the correct greeting and background image based on the time of day they're visiting the site
- Generate random programming quotes by clicking the refresh icon near the quote
- Solution URL: https://www.frontendmentor.io/challenges/clock-app-LMFaxFwrM/hub/clock-app-Ch4Qg71vu
- Live Site URL: https://vigilant-torvalds-bde94c.netlify.app/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Vue JS - JS library
Note: These are just examples. Delete this note and replace the list above with your own choices
I learned how to use the composition API for VueJS. It was a great challenge and I hope to get really familiar with this framework and it's patterns.
I really need to focus on how to write cleaner jS. VueJS in particular is very easy to get started and there is tons of information online on how to write simple applications.
- YouTube - YouTube is always open and it's really easy to learn how other people approach code.
- VueJS - For this project I constantly went back to learn all the ins and out of Vue.
- VueSchool.io - For this project I constantly went back to learn all the ins and out of Vue.
- Website - Manuel Pena
- Frontend Mentor - @manolobrown
- Twitter - @manolobrown