DevChallenges

Resolved challenges in the site DevChallenges

• Responsive Web Developer
• JavaScript Developer
• Frontend Developer

Responsive Web Developer

Challenge 01 - Minimal Blog Card

Demo | Solution | Challenge

The challenge is to create a simple blog card that includes an image, a title, a short description, and a tag.

• HTML
• CSS
• Responsive Design

Challenge 02 - Business Blog Card

Demo | Solution | Challenge

The challenge is to create a business blog card that challenges you to use flexbox, positioning,

• HTML
• CSS
• Responsive Design

Challenge 03 - Testimonial Page

Demo | Solution | Challenge

The challenge is to create a simple testimonial page that you need use grid, media queries, icons.

• HTML
• CSS
• Responsive Design

Challenge 04 - Contact Page

Demo | Solution | Challenge

The challenge is to create a contact page that you need to work with form, inputs.

• HTML
• CSS
• Saas
• Responsive Design

Challenge 05- Simple Homepage

Demo | Solution | Challenge

The challenge is to create a FAQ page that challenges you to use JavaScript to modify basic elements.

• HTML
• CSS
• Saas
• JavaScript
• Responsive Design

JavaScript Developer

Challenge 01 - Multi Step Form

Demo | Solution | Challenge

This challenge offers a great opportunity to enhance your JavaScript skills by creating a 3-step registration form with distinct sections.

• HTML
• CSS
• Saas
• JavaScript
• Responsive Design

Challenge 02 - Music Player

Demo | Solution | Challenge

Simple player player app that tests your data management capabilities using JavaScript

• HTML
• CSS
• Saas
• JavaScript
• Responsive Design

Challenge 03 - Random Quote

Demo | Solution | Challenge

This challenge involves creating a straightforward application for generating random quotes, which will necessitate the use of an external API

• HTML
• CSS
• Saas
• JavaScript
• API
• Responsive Design

Challenge 04 - Qr Code Generator

Demo | Solution | Challenge

This challenge provides an excellent opportunity to practice your JavaScript skills by creating a simple QR code generator application that requires the use of an external library.

• HTML
• CSS
• Saas
• JavaScript
• Library
• Responsive Design

Challenge 05 - Guess The Word Game

Demo | Solution | Challenge

This challenge is great to advance your JavaScript skills. The challenge is to create a small game that tests your data management and DOM manipulation with JavaScript.

• HTML
• CSS
• Saas
• JavaScript
• Responsive Design

Frontend Developer

Challenge 01 - Simple Coffee Listing

Demo | Solution | Challenge

The challenge was to develop a landing page with coffee products, with interactions for the user to select all products or just those that are evaluated. I used React.JS with TypeScript to solve this challenge.

• React
• TypeScript
• Styled Components
• Responsive Design

Challenge 02 - Github Profile

Demo | Solution | Challenge

The challenge requires creating a Github Profile search application that utilizes multiple API endpoints. The Github Profile search app requires the use of multiple APIs, such as the Github REST API, which returns information about a repository as a JSON.

• React
• TypeScript
• API
• TailwindCSS
• Responsive Design