Front-End Developer

& Electrical Engineer ⚡
CSS3JavaScriptTypeScriptReactTailwind CSSNext.jsAstroGit

Through dedication, perseverance, and a thirst for knowledge, I am on a journey of continuous improvement, eager to make a meaningful impact in the ever-evolving world of web development. 🚀💻

Get in touch

Explore My Showcase

Countinkly
Next.js
Tailwind CSS
TypeScript

NextJS app with Shadcn, TailwindCSS, Recharts, Lucia Auth, Prisma ORM, and PostgreSQL. Register and track shared links' visits (including social network and country). Explore and interact with others' links through likes, comments, and shares. Effortlessly manage and analyze your shared content with this comprehensive platform.

Code
Samu LLanes Website
Astro
React
Tailwind CSS
TypeScript

I created this customized website as a freelancer job for a skilled photographer based in Havana, Cuba. I used Astro as the main technology and integrated React for interactions. I optimized its SEO considering best practices and used Framer Motion to add subtle animations for a modern touch.

Code
Lambda Solar Website
Astro
Tailwind CSS
TypeScript

Official website revamped using Astro, TailwindCSS, and DaisyUI, with i18n-next for internationalization. Modernized to reflect Lambda Solar Energies' cutting-edge image and latest technologies. Experience seamless navigation and updated content, ensuring a dynamic and engaging user experience for visitors worldwide.

Code
Movie Paradise
Next.js
Tailwind CSS
TypeScript

NextJS with NextUI and TailwindCSS, powered by Supabase. Access TMDB API for comprehensive movie and TV show details, including descriptions, images, and trailers. Register to comment, mark favorites, and create watchlists. Seamlessly manage your movie experience with this interactive platform.

Code
Mixóloga E-Menu
Astro
Tailwind CSS
TypeScript

I designed and created a minimal vintage menu for this Bar (La Mixóloga) located in Vedado, Havana, Cuba. Seamlessly integrated with Contentful CMS for easy updates. Enjoy internationalization via Astro and Contentful locales, ensuring a smooth user experience for patrons from around the world.

Code
calCUPlator
Next.js
Tailwind CSS
TypeScript

Experience real-time USD and MLC exchange rates and formats in Cuba through this NextJS-powered web app. TailwindCSS and ShadCn ensures a polished design. Manage state seamlessly with Zustand. Stay updated on currency fluctuations effortlessly, simplifying your financial decisions with accurate, up-to-date information.

Code
AnimeCu
Next.js
Tailwind CSS
TypeScript

AnimeCu is created as a result of my journey learning NextJS and TypeScript. Using the API provided by JikanMoe, I create a modern interface where users can discover and search for anime and manga information using advanced filters. As an added bonus, each anime includes its trailer.

Code
Cuban Bazar
Next.js
Tailwind CSS
TypeScript

This project was created with NextJS as a result of a technical test launched by Mercado Libre. I used NextUI as a component library due to its easy integration with Tailwind CSS. I used route handler to simulate my own API with mocked JSON data. Additionally, I used Zustand to include a 'shopping cart' feature with local storage persistence.

Code
Electric Bill Calculator
React
Tailwind CSS
JavaScript

It is among my early projects on my self-taught progress. It uses React with Tailwind CSS and was born out of the idea that although there are mobile apps that calculate your electricity consumption, why occupy storage space when you can have it at your disposal through a web page? It utilizes React Hook Form to achieve proper user inputs.

Code

A Brief Introduction of Myself: Unveiling My Journey

My name is Carlos Yoan and I'm a passionate web developer from Cuba. I'am 25 years old, I graduated as an Electrical Engineerfrom Marta Abreu Central University of Las Villas. Throughout my education, I discovered my passion for programming and decided to embark on a self-taught path in web development.

From the start, my main focus has been on front-end development,and I have used React as the central pillar of my tech stack. I love working on the user interface, designing attractive and functional web experiencesthat provide meaningful value to users.

Although I currently don't have real work experience in this field, I am eager to embark on my first opportunity to further develop myself as part of a professional team. I'm excited about the idea of learning from experienced professionals and contributing my skills and knowledge to exciting projects.

I am determined to continue improving my web development skills, learning new technologies, and staying up-to-date!

Follow me on my social media! Let's connect and stay in touch!

Also you can send me a direct message and get a cool toast!

Unleash Your Coding Superpowers: Discover the Tools Behind the Magic!

My web development quest is full of exciting updates. Stay tuned for more!