This is a collection of coding challenges I’ve completed from Frontend Mentor.
In these challenges, I focused on:
- Building mobile-first, responsive layouts
- Practicing semantic HTML and accessible design
- Writing clean, maintainable React code
- Using TypeScript to improve reliability
A responsive URL shortening landing page using the Clean URI API.
Technologies used: Next.js, React, Redux Toolkit, React and Redux Developer Tools, TypeScript, HTML, CSS, Jest and React testing library
A responsive web form with validation (required fields, image type and size, name, email, and GitHub username format) that generates a conference ticket upon successful submission.
Form
Generated Ticket
Technologies used: Next.js, React, React Developer Tools, TypeScript, HTML, CSS, Jest and React testing library
A responsive weather app with search functionality, unit conversion, and detailed forecasts using the Open-Meteo API.
Technologies used: Next.js, React, React Developer Tools, TypeScript, HTML, CSS, and Open-Meteo API
A dark-themed landing page design for Fylo, a cloud storage service.
Technologies used: Next.js, React, TypeScript, HTML, and CSS
Bento-style grid layout.
Technologies used: Next.js, React, HTML, and CSS
An order summary card component for a music subscription plan.
Technologies used: Next.js, React, TypeScript, HTML, and CSS
- Frameworks: Next.js
- Testing Frameworks: Jest
- Libraries: React, Redux Toolkit, React Testing Library
- Languages: TypeScript, HTML, CSS
- APIs: Open-Meteo API, Cleanuri API
- Tools: Git, GitHub, VS Code, React and Redux Developer Tools
- GitHub — @f29pereira
- Frontend Mentor — @f29pereira
- LinkedIn — Filipe Pereira