icon theme

Dark Mode

es
en

Adalid Gutierrez Flores

Front end Developer

Over 3 years of experience in web development. Passionate about new technologies, especially the CSS and JavaScript ecosystem.
My goal is to share my passion for teaching web technologies with anyone who wants to get started in this field in an up-to-date way, with best practices, and from the ground up.

Experiences

logo

Feb 2020 - Currient

Front End Developer

A front-end developer combines the art of design with the logic of code. You can bring engaging interfaces, animations, visual effects, and unique user experiences to life.

logo

Feb 2020 - Currient

Back End Developer

The backend is responsible for managing databases, authentication, APIs, and servers. Without this, the frontend would be just an empty mockup. There are challenges such as managing thousands (or millions) of requests, ensuring information security, and designing clean and efficient architectures.

logo

Feb 2024 - Currient

Full Stack Developer

Al conocer el frontend y el backend, entiendes el sistema en su totalidad. Puedes diseñar y construir aplicaciones de principio a fin, puedes desarrollar proyectos propios sin depender de otros perfiles. Desde una idea hasta una aplicación funcional: tú puedes hacerlo todo.

Hobbies

Man on a bicle

Listen to music

Listening to music isn't just a hobby; it's a tool that accompanies me and boosts my focus, creativity, and productivity. Whether through headphones or speakers, music becomes an invisible companion during long development, problem-solving, or system design sessions.

Front End

Years of experience
0 4

HTML

CSS

javaScript

Back End

Python

PHP

Java

Architecture and Systems

Hardware

S.O. Linux

Virtualization

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Profile

This profile project includes the interested party's personal information, including name, interest, email address, and phone number, as well as three social media icons such as LinkedIn, YouTube, and GitHub.

It can be developed and scaled to your liking, using HTML, JavaScript, and CSS. It can also be accessed from mobile devices, adapting to provide an intuitive and modern user experience.

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Landing Page

Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quos error exercitationem, assumenda expedita praesentium, reiciendis beatae earum laudantium maiores minus perspiciatis nobis, asperiores doloremque a minima iste molestias fugit?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quos error exercitationem, assumenda expedita praesentium, reiciendis beatae earum laudantium maiores minus perspiciatis nobis, asperiores doloremque a minima iste molestias fugit?

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Riddles

This guessing game has a fairly modern, intuitive interface with a number of correct answers, called Nizuta, but the first question doesn't always load the same question, changing as the DOM loads

Once the question is answered, it is displayed whether it was correct or incorrect. If the answer is incorrect, you must answer again until the answer is correct. Once the answer is correct, move on to the next question and the number of correct answers increases as you continue to answer correctly.

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Contact Book

This is a project that shows a contact book of the digital age, we no longer have books where we keep our contacts, now we have a completely digital contact book. What is a digital book?

It's a platform we see as intuitive and modern, designed to help us store and access our contacts in a completely efficient manner, ensuring that we never lose a valuable connection. You can add contact names and numbers, as well as delete and search for contacts.

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Reproductive

For all those who love music and want to have total control over their tracks, in this case a personal music player was made. What is the music player?.

It is a very interactive tool that will allow us or the users who use it to upload their own music files and listen to them directly from their browser. We can upload what would be our files. The interface is quite intuitive with a contemporary design so that anyone can use it easily.

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Netflix

It reflects the interface that many of us know and use daily or almost always, which is the Netflix login clone. What is the Netflix login clone?

It's a nearly exact reproduction of the design and functionality of the Netflix login page, or it was once developed primarily for educational purposes. It looks more or less exactly like what we would expect when logging into the Netflix service.

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Editor

It is a project that can be scaled, but to keep it simple using technologies like HTML, JavaScript, and CSS is challenging and quite interesting. It is a kind of editor that will run like a Visual Studio editor.

You can perform processes in JavaScript that will be displayed in the console. I'm sure that more than one person has wondered if they could make their own code editor. As you can see, it is possible and works in the same way as a code editor.

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Color Generator

It is a truly intuitive tool designed for creatives, developers, and anyone who loves colors. With just one click, we can explore, generate, and customize color palettes for any purpose.

It has some features like a fairly modern interface, a fairly clean, attractive user experience that plays with colors, it has its own personalized color palettes, we can generate combinations based on current trends or create our own from scratch.

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Todo List

It's a digital application that will help us manage tasks, and this is really important so we can keep track of what we need to do. It's a tool that will help us maintain order, ensuring we don't forget any important tasks.

Always remember that all projects can be scaled. We can add more features, but for the beginning of this project, this is fine. So, we have a project created in HTML, JavaScript, and CSS with a form.

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Calculator BMI

It is a calculator that will measure the body mass index, the BMI is the body mass index used to estimate body mass based on the ratio of a person's weight and height.

It's actually a tool that many health professionals use to identify weight categories that can lead to health problems. It has a user-friendly and modern interface where we can enter both our weight and height. We'll then receive visual feedback showing whether we're underweight, normal weight, overweight, or obese.

Landing page
#HTML #CSS #JAVASCRIPT #RESPONSIVE

Calculator Love

It's a project using HTML, JavaScript, and CSS. It involves calculating the compatibility between two people, depending on the number displayed when entering the names of both interested parties. The higher the number, the greater the compatibility.

It is also adapted for mobile devices, which is very convenient since cell phones are used more. JavaScript functions are also used for this process, and for the responsive part, it is executed in the CSS part.