Projects in Awesome Lists by RafaelHDSV
A curated list of projects in awesome lists by RafaelHDSV .
https://github.com/rafaelhdsv/plann.er
Plann.er is a travel planner developed during Rocketseat's NLW Journey. This application allows users to organize their trips efficiently, including entering locations, managing guests, and organizing dates and times. Built with React and TypeScript.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/article-preview-component
Practice your layout skills with this article preview component. There's lots of fun to be had playing around with animations for the sharing icons as well.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/loopstudios-landing-page
This challenge is perfect if you're looking to test your CSS Grid chops. Even without Grid, this project will be a fun one to help you practice your layout skills!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/todo-app
The classic todo app with a few twists! This app includes a dark/light theme toggle and drag & drop reordering for anyone wanting an extra test.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/zip-code-finder
This project was made to use api knowledge, in the following case we used an api to fetch zip code and we did it in react js
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/ip-address-tracker
This is a solution to the [IP address tracker challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/ip-address-tracker-I8-0yYAH0). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/qr-code-component
A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned about building responsive layouts yet.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/age-calculator-app
This challenge is designed to sharpen your JavaScript and form validation skills. Working with dates in JavaScript can be tricky, so this will be a nice test!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/time-tracking-dashboard
A perfect opportunity to practice your CSS Grid skills. For anyone wanting to take it up a notch, we provide a JSON data file to practice working with data.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/sunnyside-agency-landing-page
This challenge will be a perfect test of your layout and responsive skills. There's a tiny bit of JS for the mobile menu, but the focus is HTML & CSS.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/robotic-hand
In this repository, a landing page was made for a robotic hand project, which aims to improve the life of someone who has muscle hypertrophy and cannot open their hand.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/readme-template
A repository with a README template to base it on to make all the other README's from the other repositories
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/e-commerce-product-page
This is a solution to the E-commerce product page challenge on Frontend Mentor.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/stats-preview-card-component
This is a great small challenge to help get you used to building to a design. There's no JS in this project, so you'll be able to focus on your HTML & CSS skills.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/tip-calculator-app
This small app is perfect for anyone starting to get to grips with JavaScript. The calculator functionality will be a nice test!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/social-proof-section
This project will test your layout skills. If you're starting to get confident with Flexbox or Grid, this will provide a nice challenge!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/nft-preview-card-component
This HTML & CSS only challenge is perfect for anyone just starting out or anyone wanting a small project to play around with.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/spotify-clone
Project made to be a Spotify Clone, using a specific Spotify website as a base and copying it down to the last details
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/huddle-landing-page-with-single-introductory-section
A perfect challenge for beginners, this project will get you working with a two column layout.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/profile-card-component
This is a perfect challenge to test your layout skills. The card layout doesn't shift, so it's also great for those that haven't dived into responsive websites yet!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/single-price-grid-component
In this challenge, you will build out the pricing component to the designs provided. This is perfect for beginners and people who want to complete a smaller challenge.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/four-card-feature-section
A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/intro-component-with-sign-up-form
Practice building out a sign-up form complete with client-side validation using JavaScript.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/huddle-landing-page-with-alternating-feature-blocks
This challenge is perfect if you're wanting to practice your layout skills. If you're starting to get a bit more confident laying out a web page, give this project a go.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/interactive-pricing-component
In this project, you'll build out an interactive pricing component complete with custom range input slider and pricing toggle. A perfect way to test your JS skills!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/expenses-chart-component
In this challenge, you'll create a bar chart component from scratch. We provide a local JSON file, so you can add the chart data dynamically if you choose.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/digital-counter
This project aims to create a digital counter with html, css and javascript
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/costs
Costs is a site for project planning and execution, more focused on the financial part. That is, you can create several projects and see the cost of each one and the available value of it, among other features...
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/interactive-card-details-form
This fun project will be an excellent way to practice DOM manipulation and form validation while also putting your HTML and CSS skills to the test.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/mario-game
In this repository, a very simple Mario game is made, with a jump functionality. Using HTML, CSS and JAVASCRIPT
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/inverted-world
Page with theme switcher using HTML, CSS and JavaScript, in addition to integrating a registration form with a Firebase database.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/calculator-app
This calculator app will be a great test of your CSS and JS skills especially. If you're wanting to practice using Grid, this challenge will be perfect for you!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/financial-control
Financial control app, to add input and output value with details about them. The app stores your information in the local database, that is, if you exit and/or reload the page, your expenses and earnings will still be there.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/base-apparel-coming-soon-page
This layout looks simple enough, but there are some interesting details to it that will test your CSS skills. You'll also get to practice basic form validation.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/gericht-restaurant
Gericht Restaurant é uma aplicação UI/UX desenvolvida com ReactJS, focada na experiência de exploração gastronômica. O projeto se destaca por sua seção principal envolvente, visuais de alta qualidade, um menu rico e interativo, além de funcionalidades cativantes.
figma front-end html reactjs restaurant sass typescript uiux-design
Last synced: 16 Mar 2025
https://github.com/rafaelhdsv/portifolio
This is my frontend developer portfolio, designed to showcase my top projects and skills. Using modern technologies such as React, TypeScript, SASS and HTML, this portfolio highlights the creation of dynamic and responsive user interfaces.
developer frontend portifolio react sass typescript web
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/iframe-calendar
A project to study the Iframe functionality, where a calendar for the year 2024 was created using the iframe component to change months.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/results-summary-component
This challenge has something for everyone. It’s a HTML and CSS only project, but we’ve also provided a JSON file of the test results for anyone wanting to practice JS.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/order-summary-component
A perfect project for newbies who are starting to build confidence with layouts!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/mazzi-fiori-casamentos
In this repository you will find a landing page for a wedding company, that is, a company that is responsible for the complete realization of the wedding, making the customer choose between the types of wedding and that's all.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/react-todo
React Todo is a program to facilitate the execution of tasks, where it is possible to create a simple list with all the desired tasks
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/netflix-clone
This project is a Netflix clone, made to test knowledge in React. The TMDB API was used and several features were added, such as: selection of the user's photo and storage in localStorage, filter by films and series or by all, option to see more precise details of each film.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/notifications-page
This project will be a brilliant test of your HTML, CSS, and basic JavaScript skills. You'll use JS to toggle the visual state of the notifications.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/pokedex
Pokédex developed with HTML, CSS and JavaScript
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/password-generator
This project is ideal for beginners in Javascript with a brief knowledge of the language
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/ping-coming-soon-page
This challenge is great for beginners and offers a chance to practice basic client-side form validation.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/interactive-rating-component
This is a nice, small project to practice handling user interactions and updating the DOM. Perfect for anyone who has learned the basics of JavaScript!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/intro-section-with-dropdown-navigation
This challenge will test your ability to create dropdown navigation menus, a common pattern on larger sites. It will also provide some nice basic layout challenges.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/product-preview-card-component
This HTML & CSS-only challenge will be perfect for anyone starting to build responsive projects.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/memory-card-game
The memory game is a classic game made up of pieces that have a figure on one side. Each figure is repeated in two different pieces. To start the game, the pieces are placed face down so that they cannot be seen.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/news-homepage
This news homepage will be an excellent opportunity to practice your CSS Grid skills. There will be lots of tricky decisions to make and plenty of learning opportunities!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/electronic-voting-machine
This project was made to create an electronic voting machine, using html, css and javascript
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/faq-accordion-card
In this challenge, you'll be building out an FAQ accordion. This is an extremely common front-end pattern, so it's a great opportunity to get some practice in!
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/advice-generator-app
The perfect project if you're learning how to interact with 3rd-party APIs. This challenge uses the Advice Slip API to generate random quotes of advice.
Last synced: 25 Mar 2025
https://github.com/rafaelhdsv/threejs-tshirt
Create custom shirts with an interactive system that allows you to choose dynamic colors and upload logos or full prints. See real-time previews and ensure a unique and exclusive design.
3d fiber react reactjs tailwindcss threejs tshirts typescript
Last synced: 28 Mar 2025
https://github.com/rafaelhdsv/3-column-preview-card-component
This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects.
Last synced: 25 Mar 2025