Hi, I’m Clariana Silva de Abreu, a front-end developer who loves building responsive, accessible interfaces with React, Next.js, and TypeScript. I enjoy working with international startups to transform ideas into polished, production-ready web applications. I bring a strong understanding of the full development lifecycle, from UI/UX design with Vite and Tailwind to back-end basics with Node.js and PostgreSQL. I’m passionate about continuous learning, code quality, and exploring AI-powered tools to deliver impactful software.

Clariana Abreu

Hi, I’m Clariana Silva de Abreu, a front-end developer who loves building responsive, accessible interfaces with React, Next.js, and TypeScript. I enjoy working with international startups to transform ideas into polished, production-ready web applications. I bring a strong understanding of the full development lifecycle, from UI/UX design with Vite and Tailwind to back-end basics with Node.js and PostgreSQL. I’m passionate about continuous learning, code quality, and exploring AI-powered tools to deliver impactful software.

Available to hire

Hi, I’m Clariana Silva de Abreu, a front-end developer who loves building responsive, accessible interfaces with React, Next.js, and TypeScript. I enjoy working with international startups to transform ideas into polished, production-ready web applications.

I bring a strong understanding of the full development lifecycle, from UI/UX design with Vite and Tailwind to back-end basics with Node.js and PostgreSQL. I’m passionate about continuous learning, code quality, and exploring AI-powered tools to deliver impactful software.

See more

Experience Level

Expert
Expert
Expert
Expert
Expert
Expert

Language

Portuguese
Fluent
English
Advanced
Spanish; Castilian
Intermediate

Work Experience

Network Technician at Brazilian Navy - Aratu Naval Base
September 20, 2021 - September 20, 2024
Network Infrastructure Management: responsible for maintenance and operational efficiency of the base's network, including switches, cabling, and configuring intranet/internet systems. Server & Virtualization: managed physical and virtual servers and performed machine virtualization to support critical base operations. Technical Support & Continuity: provided essential technical support ensuring continuity of communications in a high-security environment.
Top Rated Frontend Specialist | React/Next.js | AI/LLM & Real-Time UI at Upwork
February 10, 2025 - Present
Featured Projects & Consulting Results Full-Stack Development Lead: Happy Kids Academy S.I.S. (Luxembourg) Led visual design and Full-Stack development for Happy-Kids, an educational platform focused on children's emotional exploration. Technologies: Frontend built with Vite, TypeScript, and Tailwind CSS. Backend using Django, Python, and PostgreSQL. Infrastructure: Ensured scalability using Docker and Nginx for production hosting. Link: https://github.com/MVP-Psicologia-Positiva/happy-kids-frontend Technologies: Frontend built with Vite, TypeScript, and Tailwind CSS. Backend microservice using Node.js, Express, and PostgreSQL for exercise management. Infrastructure: Ensured scalability and consistent deployment using Docker and Nginx for production hosting. Link: https://github.com/MVP-Psicologia-Positiva/happy-kids-frontend 2. AI-Powered SEO Analysis Chrome Extension Front-End Engineer & UX Collaborator for an AI-focused extension. Developed the front-end and implemented core scoring logic using DOM analysis and Chrome Extension Manifest V3 for on-page SEO scoring (H1s, Meta descriptions, etc.). Established a production-ready extension with a clean, responsive UI, prepared for future OpenAI API integration. Links: (https://chromewebstore.google.com/detail/shoutex-inseo/lognkgbmklicmgphmdiioneegmcancbh, https://github.com/abreuclariana/SEO-Chrome-Extension) 3. Upwork Project: Next.js Production Maintenance & Enhancement Contributed to a production Next.js landing page, delivering immediate usability and performance improvements to an existing codebase. Key Improvements: Implemented seamless dark/light theme switching, refactored imports for efficiency, adjusted layout for improved responsiveness, and optimized the SEO.js file for search engine indexing.

Education

Systems Analysis and Development at Estácio de Sá
January 1, 2022 - January 1, 2024
Full Stack Turbo Course at TipsCode
January 1, 2025 - January 1, 2025
Node.js: Introduction to Modern API Development at IFRS - Federal Institute of Rio Grande do Sul
January 1, 2025 - January 1, 2025
JavaScript Course at IFRS - Federal Institute of Rio Grande do Sul
January 1, 2024 - January 1, 2024

Qualifications

Full Stack Turbo Course (TipsCode)
August 15, 2022 - December 10, 2024
Node.js: Introduction to Modern API Development (IFRS)
January 1, 2025 - January 1, 2025
JavaScript Course (IFRS)
October 15, 2024 - December 26, 2029

Industry Experience

Education, Software & Internet, Professional Services
    paper Project: Next.js TypeScript Consulting Scheduler

    Next.js TypeScript Consulting Scheduler (Under Development)
    This is a Complete Interactive Scheduling and Booking System for consulting, built using the modern tech stack featuring Next.js 16 (TypeScript). The project is fully functional, with planned future enhancements.

    Core Features
    Dynamic Calendar: An interactive calendar for selecting dates and time slots, featuring real-time availability checking.

    Integrated Payments: Secure payment processing handled by Stripe, including confirmation via webhooks.

    AI Chat Support: A floating chat widget powered by OpenAI GPT-4o-mini provides instant user assistance while maintaining conversation history.

    Full Management: Allows users to create, view, and cancel appointments with persistent storage in a PostgreSQL database via Supabase.

    International Ready: Features built-in support for three languages (English, Portuguese, Spanish).

    Key Technologies & Future Plans
    The system combines the Next.js framework (Frontend) with Supabase (Backend/PostgreSQL Database) and leverages Stripe (for transactions) and OpenAI (for the smart chat).

    Future Enhancement: Integration of pgvector (Embeddings) is planned for semantic search, enabling the AI assistant to provide document-based responses and more context-aware information.

    paper Project: Happy-Kids Education Platform (Luxembourg)

    Full-Stack Developer for an educational platform designed for children and teenagers, focused on emotional exploration and positive psychology.
    Front-End Leadership (Vite/React/TS/Tailwind): Led the visual design and implementation of the entire user experience, building a modern,
    highly responsive, and engaging interface.
    Back-End Microservice: Developed a separate microservice responsible for the creation and management of interactive exercises using Node.js,
    Express, and PostgreSQL.
    Code Quality & Ownership: Maintained high standards of code quality via ESLint and demonstrated Full-Stack ownership, ensuring performance,
    accessibility, and a meaningful user experience for young audiences.

Hire a Front-End Developer

We have the best front-end developer experts on Twine. Hire a front-end developer today.