My focus for this project:
DOM manipulation
Event handling
Working with JSON
Dynamic content rendering
Responsive layouts with CSS Grid
Less reliance on frameworks, more understanding of the fundamentals.
Let's build! ๐ฅ
#FrontendMentor#JavaScript#FrontendDev#CodingJourney
One down, many more to go! ๐
Starting another Frontend Mentor challenge: Time Tracking Dashboard.
Still on the JavaScript Fundamentals learning path. This time, it's Vanilla JS, SCSS, JSON data and CSS Grid.
Time to sharpen those skills! ๐ป
Every challenge comes with something new to learn!๐ก
Another small step forward in my frontend development journey. ๐ป
Live Demo: https://t.co/ku5diBVWv8
Source Code: https://t.co/pjkTrOYdWC
On to the next challenge! ๐ฅ
#FrontendMentor#ReactJS#TypeScript
Another Frontend Mentor challenge completed! ๐
Just wrapped up the Newsletter Sign-up Form with Success Message.
This project gave me another opportunity to practise building interactive and responsive interfaces with React.
๐งต Here's what I worked on.
A few things I practised along the way:
- Managing form state with React.
- Validating email inputs.
- Displaying appropriate error messages.
- Using conditional rendering for the success screen.
- Making the design responsive across screen sizes.
I also wanted to recreate the design in Figma before coding, but it was taking longer than expected.
For now, I'm prioritising development.
Progress over perfection. One project at a time. ๐
#FrontendMentor#JavaScript#ReactJS
๐ I've started a new learning path on Frontend Mentor: JavaScript Fundamentals!
My first challenge is the Newsletter Sign-up Form with Success Message.
Time to practice form validation, user interactions, and DOM manipulation while building with React! ๐งต๐
My stack for this project:
โ๏ธ React
โก Vite
๐ท TypeScript
๐จ Tailwind CSS
I'm sticking with these tools to strengthen my skills before moving on to another framework.
Another project completed. Another set of lessons learned.
The JavaScript Fundamentals journey continues, one project and one bug at a time. ๐
๐ป GitHub: https://t.co/PvmJgrveKL
#FrontendMentor#JavaScript#ReactJS#TypeScript#TailwindCSS
Iโve just completed another project on my Frontend Mentor JavaScript Fundamentals journey.
This time: Article Preview Component ๐
Built with:
โ๏ธ React
๐ท TypeScript
๐จ Tailwind CSS
โก Vite
๐ Live: https://t.co/SSHStGkUzv
One interesting part was the share menu.
On mobile, it appears as a bottom bar, while on desktop it becomes a floating tooltip.
Small interaction, but a good exercise in combining React state + responsive CSS to create different UI behaviors. ๐ป
๐ New journey unlocked!
Iโve started a new learning path with Frontend Mentor: JavaScript Fundamentals.
After working through responsive layouts, Iโm now focusing more on the logic and interactivity behind modern web applications. ๐ป
For this journey, Iโll be building with:
๐จ JavaScript
โ๏ธ React
๐ท TypeScript
๐จ Tailwind CSS
The goal is to strengthen my JavaScript fundamentals while continuing to improve my React development and problem-solving skills.