Ricardo Vieira - Desenvolvedor Front-end

Sobre Mim

Quem sou eu?

Sou Ricardo Vieira, desenvolvedor front-end de São Luís–MA, em busca da minha primeira oportunidade na área.

Curso Engenharia Front-end na EBAC (Escola Britânica de Artes Criativas e Tecnologia) e evoluo constantemente por meio de projetos práticos e estudos orientados.

Trabalho com HTML, CSS, JavaScript, React, Next.js e Tailwind CSS, criando interfaces acessíveis, responsivas e performáticas. Meu objetivo é contribuir em times focados em produto, aprender rápido e entregar valor desde o primeiro dia.

Baixar Currículo

Habilidades

Tecnologias que uso no dia a dia, como aplico e em quais projetos já coloquei em prática.

Front-end

HTML5 — marcação semântica, acessibilidade e SEO básico
CSS3 — layouts responsivos (Flexbox/Grid), transições e mobile first
JavaScript (ES6+) — DOM, async/await, consumo de APIs REST

JavaScript & Frameworks

React — componentes funcionais, hooks (useState/useEffect), integração com APIs
Next.js — rotas, SSR/SSG e otimização; aplicado no Portal de Viagens
TypeScript — tipagem para robustez e manutenção

Estilização & UI

Tailwind CSS — design rápido e consistente; usado em Pet&Style
Bootstrap 5 — grids e componentes; aplicado em Estilo Livre
UI/UX básico — contraste, espaçamento e hierarquia visual

Ferramentas

Git & GitHub — versionamento, branches e PRs
VS Code / NPM / Vite — fluxo diário de desenvolvimento
Figma (básico) — leitura de layouts e handoff

Boas Práticas

Código limpo, reutilização de componentes
Responsividade, acessibilidade e performance
Commits organizados e documentação breve

Em Aprendizado

Aprofundar Next.js (SSR/SSG avançado)
Integração contínua e testes automatizados
Explorar design systems e acessibilidade avançada

Meus Projetos

Conheça alguns dos projetos que desenvolvi. Cada um representa um desafio superado e aprendizado conquistado.

Calculo de potencial Solar

Simulador de energia solar que calcula placas necessárias, estima economia e potencial solar por CEP, com geração de relatório em PDF.

HTML5 CSS3 JavaScript jsPDF API REST

Ver Projeto GitHub

Pet&Style

Loja fictícia com produtos exclusivos para pets. Visual moderno, responsivo e navegação intuitiva desenvolvida no módulo 14 do curso EBAC.

HTML5 CSS3 Tailwind CSS JavaScript Font Awesome

Ver Projeto GitHub

Estilo Livre

Landing page moderna e responsiva para barbearia desenvolvida no curso Front-End da EBAC. Design elegante e navegação intuitiva.

HTML5 CSS3 Bootstrap 5 Font Awesome

Ver Projeto GitHub

LC Serviços

Site institucional desenvolvido para cliente real. Apresentação de serviços, portfólio e informações de contato com design responsivo.

HTML5 CSS3 JavaScript Responsive

Ver Projeto GitHub

CineNow - Filmes em Cartaz

Aplicação web moderna para descobrir filmes em cartaz. Interface fluida e elegante com design profissional, integrada à API TMDb.

React 18 TypeScript 5 Vite 5 Tailwind CSS 3 React Router 6 Axios TMDb API Vercel

Ver Projeto GitHub

Sistema de Pedidos Online

Sistema web profissional de pedidos online para lanchonetes, desenvolvido com foco mobile-first, integração automática com Telegram Bot para recebimento de pedidos e fluxo de pagamento Pix com confirmação manual via WhatsApp.

React Vite Tailwind CSS Zustand Node.js Express Telegram Bot Pix

Ver Projeto GitHub

Ver Mais Projetos no GitHub

Experimentos & Labs

Espaço para explorar novas tecnologias, práticas constantes e experimentações. Aqui você encontra desde animações criativas até clones de interfaces conhecidas.

Animações CSS

Exploração de animações criativas com CSS puro. Keyframes, transformations e efeitos visuais impressionantes.

CSS Animações

Ver Código

Componentes Reutilizáveis

Biblioteca de componentes: botões, cards, modais e inputs. Código modular e bem estruturado para reutilização.

HTML/CSS JavaScript

Ver Código

Testes com APIs

Experimentação com APIs públicas: OpenWeather, SpaceX, REST API testing. Implementação de fetch e axios.

APIs JavaScript

Ver Código

Clone Spotify UI

Recriação da interface do Spotify usando HTML, CSS e JavaScript. Layout responsivo e funcionalidades interativas.

UI Clone Responsive

Ver Código

Clone Netflix UI

Recriação da interface do Netflix com catálogo de filmes, layout carrossel e dark mode nativo.

UI Clone Carrossel

Ver Código

Práticas Front-end

Experimentos com performance, acessibilidade, SEO e boas práticas de desenvolvimento front-end.

Best Practices Performance

Ver Código

Entre em Contato

Tem um projeto em mente ou quer bater um papo? Envie uma mensagem e vamos conversar!

ricardo.dev.of@gmail.com

(98) 98588-1871

São Luís, MA