advanced-forms-with-zod-and-react-hook-form

clean-tdd-node-api

data-fetching

A tutorial project to learn how to use the react-query library for data fetching.

e-commerce-api

E-Commerce API developed with Node.js, Express.js and MongoDB.

easybank-landing-page

Easybank Landing Page is an application developed as a solution to the challenge of the same name proposed by the website Frontend Mentor. As a differential for the development of this application, I chose to use NextJS and TailwindCSS Frameworks in order to make the development faster and more responsive. This application implements a project of a landing page for the Easybank company. As it is fully responsive, the application is suitable for viewing by devices with different screen sizes.

event-platform

firegram-react-firebase

forumbase

ForumBase is a project that I conceived and developed from scratch as a personal challenge in order to put my acquired knowledge into practice and learn new technologies during the process. The project's idea is to provide the community of users with an online environment conducive to the exchange of ideas and knowledge between developers of all levels, using the Q&A format, with all interaction carried out through posts and answers, similar to the scheme used on the Stack Overflow website, from which this application took its inspiration.

grocery-list-app-reactjs

Grocery List is a Front End application created with the objective of practicing the development of web applications using the ReactJS library. The application is based on the project called Grocery Bud by John Smilga in his course called Full React Course 2020. The project consists of adding, manipulating and removing items from a shopping list, going beyond the original project by implementing the idea of amount/kg and the logic involved for this operation, as well as modifying the way information is displayed by making use of a table of data to better organize the user interaction with the application. Finally, the application makes use of LocalStorage to store the information and, therefore, be able to show it to the user the next time he/she accesses the application.

image-finder-app-reactjs

Image Finder App is a Front End application created with the objective to practice the development of web applications using the ReactJS library in conjunction with the user interface development framework Material UI. The idea of developing this application was inspired by the project of the same name shown in a video on the Youtube channel called Traversy Media (https://www.youtube.com/watch?v=dzOrUmK4Qyw&t=2319s), however, the implementation of this project was made in a distinctive way. The project consists in the search of images through the input provided by the user, who can also define the number of images that he/she wants the search to return (with a minimum of 5 images and a maximum of 30). To obtain the information related to the searched images, this application makes use of the Pixabay's API.

image-searcher

Image search application focused on accessibility, multi-language support, themes and responsiveness. Created using React, Tailwind and TypeScript.

image-uploader

ip-address-tracker

IP Address Tracker is an application developed as a solution to the challenge of the same name, which was proposed by the Frontend Mentor website. As a differential for the development of this application, I chose to use the React JS library together with SASS (CSS3 extension) in order to make the development process more practical, agile and responsive.

itemlisterapp

A study project that aims to revisit Vanilla JS to develop an application to create, list and filter elements without using JS Frameworks.

jobify-mern

Jobify is a full stack application that allows the user to register and manage jobs they have applied to. The project uses the following technologies: React, TypeScript, Styled-Components, Node.js, Express.js, MongoDB.

jobs-api-backend

kinvo-front-end-test

Teste para candidatos à vaga de Front-End

klevertonoliveira

kommerce

Kommerce is a project built with the intention of putting my skills into practice by developing an e-commerce virtual store application. For this purpose, the application uses the React ecosystem (with Next.js) and the CommerceJS and Stripe external APIs, in order to facilitate the development process.

letmeask-reactjs

moveit-nextjs

nestjs-authentication

nestjs-mongodb-pets-api

Pets API is a backend web application that implements all CRUD operations using Nestjs and MongoDB.

podcastr

profile-card-app-reactjs

ProfileCardApp is a Front End application created with the objective of practicing the development of web applications using the ReactJS library. The application is inspired both on the project called Random Person by John Smilga in his course called Full React Course 2020, as well as in the project idea called Profile Card Component by the Frontend Mentor website.The project consists of a card that displays a person's profile, allowing the user to visualize different informations, which are fetched through an API called randomuserapi. The user can choose what information he/she wants to see by hovering a given icon on the card and can also choose to see another profile by clicking on the 'Next Profile' button.

project-guidelines

A set of best practices for JavaScript projects

react-firebase-app

room-homepage

Room Homepage is an application developed as a solution to the challenge of the same name proposed by Frontend Mentor website. As a differential for the development of this application, I chose to use NextJS (Framework based on React JS) together with SASS (CSS3 extension) in order to make the development process more practical, agile and responsive. The project was implemented respecting the responsive interface development model called "Mobile First", where initially the layout for mobile devices is created and, later, the structure created is adapted to the desktop model. In the case of this application, the development of the mobile interface was started considering the screen size of 375px and going up to 1440px, where it reaches the desktop model, as these were the reference values provided by the creators of the design of this challenge (however, the breakpoint which makes the division between the layouts is set at 1024px). Therefore, the application is fully responsive, adapting to devices with different screen sizes.

shop-app-reactjs

Shop App is a Front End application created with the objective of practicing the development of web applications using the ReactJS library. The application is inspired on the project called Cart by John Smilga in his course called Full React Course 2020. The project consists of a list of items (to be purchased) that can be handled by the user with actions ranging from changing the quantity of a certain item to removing it, always taking into account that such changes have a direct impact on the total price of the purchase to be made.

single-price-grid-component-nextjs

Single-Price-Grid-Component is an application developed as a solution to the challenge of the same name proposed by the website Frontend Mentor. As a differential for the development of this application, I chose to use NextJS and TailwindCSS Frameworks in order to make the development faster and more responsive. The application implements a grid with information about a promotion to purchase a specific product / service. As it is fully responsive, the application is suitable for viewing by devices with different screen sizes.