Sara

HTML 65.0% | CSS 32.2% | JavaScript 2.8%

This project will be a full e-commerce page. I decided to develop it without React so I could improve my JavaScript skills, I'll also add some features later.

The Project: Sara

HooBank

HTML 1.1% | CSS 18.2% | JavaScript 80.7%

One more project using React, that time also using Tailwind CSS Framework.I imported the css file from another repository but I could understand how this amazing CSS Framework works, and it's great!

This project was based in this Figma desing.

The Project: HooBank

GPT-3

HTML 1.6% | CSS 59.7% | JavaScript 38.7%

Another project using React, and now I could understand a bit more how powerful the components and their reusability are.

My researches in documentations and some videos helped me to do one more step to learning React.

This project was based in this Figma desing.

The Project: GPT-3

Movieland

HTML 1.6% | CSS 59.7% | JavaScript 38.7%

This is a simple project I've developed using the OMDb API for searching Movies, Tv Shows or Games.

It helped me to understanding a bit more about how to do API Requests and I really enjoyed to developed it!

The Project: MovieLand

Mustache Barbershop

HTML 93.7% | CSS 6.3%

I never had stop to study Bootstrap before, so that's my first project developed 100% with Bootstrap. I know that's a kind of simple but I really enjoyed doing this project.

The Project: Mustache Barbershop

Spiderverse Page

HTML 79.8% | CSS 16.9% | JavaScript 3.3%

I think I don't have a history for this page lol, it's just a page to my favorite character Spider-Man :)

Also I'm trying to figure out why Github isn't recognizing some of the CSS, but I'll fix it later.

The Project: Spiderverse

React Calculator

HTML 8.4% | JavaScript 91.6%

Another project made in the Bootcamp i did in DIO. A calculator that makes simple calculations.

The Project: Calculator

DIO Clone

HTML 3.3% | JavaScript 96.7%

This project is a clone page from DIO developed 100% with React that I learned at their Bootcamp named OrangeTech to Front-end Developers.

As it was my first time with React, I made all the site with them but I learned the basic and how I can improve my skills in programming.

For now, it's not responsive yet but it's working very good in desktops.

The Project: Dio - Clone

Le Saloon

HTML 36.1% | CSS 58.5% | JavaScript 5.4%

A project that I started but stop developing for a few months, after finished finally it's published.

In this project I used for the very first time GRID and the button fixed on bottom that fade out when go to the page's header.

I'm prioritizing other projects at the moment, so this project it's not responsive yet.

The Project: Le Saloon

Beyond Us - Blog

HTML 35.4% | CSS 58.1% | JavaScript 6.5%

This is the first project that I had done all by myself, every single line of code, but,I needed help to fix a problem in "Posts" section. I had used a library called Splide to do a slide show but it didn't work how I expected

In general, I'm am very proud about what i did in this project, even because it's about a topic that i love: The Universe!

The Project: Beyond Us

My Social Media Links

HTML 47.8% | CSS 52.2% | JavaScript 0%

This is a simple page that i made to group all my social media links, to simplify when i need to send it to someone.

The Project: Social Media Links

Premium House

HTML 33.4% | CSS 62.5% | JavaScript 4.1%

A landing page from a fictional coffee shop that i created. It's simple but i like it :)

The Project: Premium House

Tasty Restaurant

HTML 48.8% | CSS 48.6% | JavaScript 2.6%

I was having some difficulties to understanding flexbox and positions in css so on this page based on another page I saw on youtube, i developed while looking for these properties that I had doubts. Again, it was based on another project that i saw, but i tried to do it by myself alwats that i could. Now I'm trying to create something from zero, it's been a challenge but I'm working on it!

The Project: Tasty Restaurant

This Page

HTML 47.8% | CSS 47.8% | JavaScript 4.4%

I decided to create this page to practice things that i learnd and also to show what i can do and the projects i developed. This page has simple things in HTML, a lot in CSS and two functions in JavaScript. Basically this page contains most of the knowledge i have until now and i plan to learning and learning more every day and keep this page actualized with new projects, contents, effects and functionalities.

The Project: Portfolio Page

Login Page

HTML 38.7% | CSS 61.3%

After i learned a little more what web languages is and Googling a lot, I found many login pages as a simple and interesting project to do. So, using other people's projects and real websites login pages as examples, I created this simple login page, so i could understand about the positions and functions of the elements.

The Project: Login Page

Sales Control

HTML 30.8% | CSS 20.0% | JavaScript 49.2%

In this project I didn't worry so much about CSS to focus on HTML tables but mainly, about JavaScript syntax, where I created some functions that add calculations to these HTML tables, where the controller can add the necessary amount of products according to your need. It is also possible to extract this table in .xlsx format. This is possible, because I used an existing code to do this function, this code was developed by Linways Technologies and can be viewed here.

The Project: Sales Control

Google Glass website

HTML 69.8% | CSS 29.9% | JavaScript 0.3%

This is my first project, wich i did following my first course on web languages, when I saw for the first time what HTML, CSS and JavaScript are. A bit outdated site, on a subject not very popular in the moment (because the course is a little old) but that's what made me really love about development world, and also to introducing me to the term "Front-end", wich i found what I really like to do :)

The Project: Website Glass