Skip to content
View ricardo-camilo-programador-frontend-web's full-sized avatar
🌩️
Now I'm a little motivated
🌩️
Now I'm a little motivated

Block or report ricardo-camilo-programador-frontend-web

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse

Frontend Developer Specialist in Vue/React.js 🚀

Personal Projects

Chronicles (TypeScript/JavaScript)

🍽️ Food Hut - Angular Chronicles - Part 1

Live Website Repository
Project Details

🍽️ Food Hut - Angular Chronicles

🎯 Project Overview

A modern restaurant landing page developed to demonstrate proficiency in Angular and modern web development practices. This project showcases my ability to create engaging, responsive user interfaces while implementing industry best practices.

🛠️ Technical Implementation

  • PWA: Progressive Web App capabilities
  • Styling: Tailwind CSS for modern, responsive design
  • Routing: Angular Router for seamless navigation
  • Approach: Mobile-first development
  • Architecture: Component-based structure
  • Content: Dynamic rendering system

💻 Technology Stack

  • Framework: Angular
  • CSS Framework: Tailwind CSS
  • Analytics: Google Analytics
  • Features: PWA capabilities

🌟 Key Features

  • Modern, responsive design
  • Mobile-optimized interface
  • Fast loading times
  • Smooth animations
  • Interactive UI elements
  • Dynamic image galleries

🔍 Learning Outcomes

  • Angular component architecture
  • TypeScript implementation
  • Modern CSS practices
  • State management
  • Code organization
  • Performance optimization

💪 Demonstrated Abilities

  • Creating modern, responsive web applications
  • Working with popular frontend frameworks
  • Implementing attractive UI/UX designs
  • Optimizing for performance
  • Developing mobile-first solutions

🎨 Design Attribution

UI/UX inspired by a Figma community design, adapted and implemented with modern web technologies.


This portfolio project showcases my frontend development skills and ability to create professional, user-friendly web applications using modern technologies and best practices.

Project Preview Food Hut Angular Chronicles Part 1 website preview

Angular TailwindCSS pnpm Figma Microsoft Clarity GTM GA Counter.dev


🪴Breath Natural - NextJS Chronicles Part 1

Live Website Repository
Project Details

🎯 Project Overview

A modern e-commerce platform for indoor plants, developed as a portfolio piece to demonstrate advanced frontend development capabilities. The project showcases my ability to create elegant, responsive, and user-friendly web applications.

🛠️ Technical Implementation

  • Framework: Next.js
  • Styling: Tailwind CSS
  • Features:
    • Dynamic routing and state management
    • Interactive shopping cart functionality
    • Clean and maintainable code architecture
    • Integration with UI components
    • Performance optimization
    • SEO best practices

✨ Key Features

  • Elegant and modern UI design
  • Responsive layout for all devices
  • Product catalog with detailed plant information
  • Shopping cart functionality
  • User testimonials section
  • Interactive product navigation
  • Smooth animations and transitions
  • Multi-language support (PT/EN)

🎨 Design & Development

The project features a minimalist and nature-inspired design, focusing on user experience and visual appeal. Each component was carefully crafted to ensure both aesthetics and functionality, demonstrating attention to detail and modern design principles.

🔧 Technologies Used

  • Frontend: Next.js
  • Styling: Tailwind CSS
  • Language: TypeScript
  • Analytics: Google Tag Manager, Google Analytics
  • Deployment: Netlify

🎯 Learning Outcomes

This project served as a practical application of modern frontend development practices, showcasing:

  • Component architecture implementation
  • State management solutions
  • Responsive design techniques
  • Performance optimization strategies
  • Clean code principles
  • Version control with Git

This portfolio project demonstrates my capability to deliver professional-grade frontend solutions, with a focus on user experience, performance, and code quality. It represents my commitment to creating engaging and functional web applications using current industry standards and best practices.

Project Preview Breath Natural NextJS Chronicles Part 1 website preview

NextJS TypeScript TailwindCSS Axios pnpm Figma Microsoft Clarity GTM GA i18n Counter.dev


🦁 Savana - NuxtJS Chronicles Part 1

Live Website Repository
Project Details

🎯 Overview

A portfolio project showcasing frontend development skills using NuxtJS, demonstrating modern web development practices and UI/UX implementation.

🛠️ Technical Stack

  • Frontend Framework: NuxtJS
  • State Management: Pinia
  • Styling: Tailwind CSS
  • Languages: TypeScript/JavaScript
  • Internationalization: i18n

✨ Key Features

  • 🌐 Multi-language support (English/Portuguese)
  • ❤️ Favorites system implementation
  • 📱 Responsive design for all devices
  • 🎨 Modern and clean UI/UX
  • 🔄 Global state management with Pinia
  • 🖥️ Fully adaptable layout
  • 🚀 Performance optimized

💡 Learning Outcomes

  • Experience with NuxtJS ecosystem
  • Implementation of state management patterns
  • Responsive design practices
  • Internationalization implementation
  • Component architecture

🎯 Project Goals

  • Demonstrate frontend development expertise
  • Showcase modern web development practices
  • Display ability to handle complex UI states
  • Show proficiency in Vue.js ecosystem

🔍 Notable Implementations

  • Clean and intuitive navigation system
  • Smooth transitions and animations
  • Efficient state management
  • Responsive mobile-first design
  • Cross-browser compatibility

This project serves as a practical demonstration of frontend development capabilities, particularly in the Vue.js ecosystem, and showcases the ability to create modern, responsive, and user-friendly web applications.

Project Preview Savana NuxtJS Chronicles Part 1 website preview

Nuxt.js TypeScript TailwindCSS pnpm Figma Microsoft Clarity GTM GA i18n Counter.dev


🎭 Persona - NextJS Chronicles Part 2

Live Website Repository
Project Preview Persona NextJS Chronicles Part 2 website preview
Project Details

📝 Description

A modern, responsive portfolio website showcasing my professional experience as a Frontend Developer with 4+ years of expertise in transforming business challenges into high-impact digital solutions.

🛠️ Technical Implementation

  • Built with Next.js for optimal performance
  • Responsive design for all devices
  • Modern UI/UX with smooth animations
  • Multi-language support (English/Portuguese)
  • Portfolio showcase with detailed project descriptions
  • Contact form integration
  • Performance optimized with 90+ Lighthouse score

💻 Tech Stack

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Netlify (Hosting)
  • Google Analytics
  • PWA capabilities

🎨 Key Features

  • Clean, minimalist design
  • Project showcase with live demos
  • Detailed technology stack presentation
  • Service offerings section
  • Professional journey timeline
  • Contact information
  • Responsive navigation
  • Dark/Light mode toggle

📱 Highlighted Projects Showcase

🎯 Business Focus

  • Website performance optimization (40% faster loading times)
  • Development process efficiency (60% improvement)
  • User-centric interface design
  • Conversion-focused implementations
  • Scalable and maintainable code architecture

🌟 Professional Highlights

  • Frontend development expertise
  • Multiple framework experience
  • Performance optimization specialist
  • Clean code practices
  • Responsive design implementation
  • Modern web technologies adoption

NextJS TypeScript TailwindCSS pnpm Figma Microsoft Clarity GTM GA i18n Counter.dev


Dimensions (Dart)

⌛ Time Forge - Dimensions Part 1

Repository
Project Details Pomodoro timer app developed with Dart and Flutter.

🛠️ Technical Implementation

  • Framework: Dart and Flutter

Dart Flutter



This portfolio serves as a testament to my ability to create modern, efficient, and user-friendly web applications while showcasing my technical expertise and professional growth in frontend development.


Corporative Projects

Corporative Projects with Labi9.com (2021 - Until December 2024)

🏢 Labi9.com

Live Website
Project Details ## 📋 Project Overview A corporate website for Labi9, a software development company specializing in transforming ideas into reality and boosting businesses through technology solutions.

🛠️ Technical Stack

  • Framework: Qwik 1.5.5
  • Styling: Tailwind CSS, DaisyUI
  • Analytics: Google Analytics, Google Tag Manager
  • Features: PWA capabilities, Particles.js
  • Focus: Performance & Visual Effects

🎨 Frontend Features

  • Responsive design across all devices
  • Modern and clean UI/UX
  • Interactive portfolio showcase
  • Performance-optimized animations
  • Cross-browser compatibility
  • SEO optimization
  • Progressive Web App implementation

📱 Key Sections

  • Interactive hero section
  • Services overview
  • Portfolio showcase
  • Client testimonials
  • Company information
  • Contact forms
  • Team presentation

💼 Portfolio Highlights

🌟 Project Achievements

  • Optimized loading times
  • SEO-friendly structure
  • Modern design implementation
  • Smooth animations
  • Responsive across devices
  • Full PWA functionality

🤝 Collaboration

Frontend development while working closely with the backend team at Labi9, located in Jaú - SP, Brazil.


Demonstrating expertise in modern web development and UI/UX implementation

Project Preview Labi9 website preview

Qwik Particles.js PWA Open Graph Microsoft Clarity GTM GA


💰 Loor.vc

Live Website
Project Preview Loor.vc website preview
Project Details

🎯 Project Purpose

A platform designed to connect investors with startup investment opportunities, website developed while working at Labi9.com, focusing on high-potential returns and secure investments.

🛠️ Technical Stack

  • Framework: Astro.js
  • Frontend: Vue.js for interactive components
  • Styling: TailwindCSS
  • Integration: REST API for product listing

💻 Development Role

  • Frontend development at Labi9.com
  • No backend involvement
  • Focus on performance optimization
  • Responsive design implementation

🔍 Key Features

  • Investment opportunities listing
  • Startup analysis tools
  • Financial planning tools
  • Real-time updates
  • User authentication system
  • Investment tracking dashboard

⚡ Performance Highlights

  • Optimized page loading
  • Responsive design for all devices
  • Server-side rendering for better SEO
  • Component-based architecture
  • Efficient API data handling

📱 User Interface

  • Clean and modern design
  • Easy navigation
  • Mobile-first approach
  • Intuitive investment tracking
  • Clear presentation of investment opportunities

🎨 Design Implementation

  • Responsive layouts
  • Interactive components
  • Dynamic content loading
  • User-friendly forms
  • Progress indicators

🔒 Security Features

  • Secure authentication flow
  • Protected investment data
  • Compliance with financial regulations
  • Safe transaction handling

🌟 Project Highlights

  • Fast page transitions
  • Optimized asset loading
  • Seamless user experience
  • Professional financial interface
  • Clear investment information display

Vite TailwindCSS Astro


📊 Loor.vc Admin Dashboard

Project Preview Loor.vc Admin Dashboard website preview
Project Details

📋 Overview

Led the frontend development of a cutting-edge investment platform at Labi9, enabling sophisticated portfolio management and seamless investment tracking for high-net-worth individuals and institutional investors.

🎯 Project Impact

  • Delivered a professional-grade investment platform serving thousands of active investors
  • Streamlined portfolio management processes through intuitive user interfaces
  • Achieved 40% improvement in user engagement through optimized performance
  • Successfully integrated complex financial data visualization systems

🛠️ Technical Excellence

Core Technologies

  • Frontend Framework: React.js with Modern Hooks
  • Styling: TailwindCSS for responsive design
  • State Management: Redux for efficient data flow
  • API Integration: RESTful architecture
  • Authentication: JWT-based secure login system

Key Technical Achievements

  • Implemented real-time data updates using WebSocket connections
  • Developed reusable component library for consistent UI/UX
  • Optimized application performance achieving <2s initial load time
  • Established robust error handling and logging systems

🔑 Feature Highlights

Investment Management

  • Dynamic portfolio dashboard with real-time updates
  • Advanced investment tracking and analytics
  • Comprehensive transaction history
  • Interactive financial charts and graphs

Security & Performance

  • Multi-factor authentication system
  • End-to-end data encryption
  • Optimized asset loading and caching
  • Responsive design for all devices

User Experience

  • Intuitive navigation system
  • Customizable dashboard layouts
  • Advanced search and filtering capabilities
  • Real-time notifications system

👥 User Segments

  • Individual investors
  • Portfolio managers
  • Financial advisors
  • Administrative personnel

🎨 Design Philosophy

  • Clean, professional interface emphasizing usability
  • Data-driven visualizations for complex financial information
  • Consistent branding and visual hierarchy
  • Accessibility-first approach

🤝 Integration Ecosystem

  • Seamless backend API integration
  • Third-party financial service providers
  • Real-time market data feeds
  • Secure payment processing systems

🎓 Professional Contribution

  • Led frontend architecture decisions
  • Mentored junior developers
  • Collaborated with UX/UI designers
  • Implemented best practices and coding standards
  • Participated in agile development cycles

🏆 Achievements

  • Reduced loading times by 60% through optimization
  • Implemented automated testing achieving 90% coverage
  • Successfully delivered all milestones within timeline
  • Maintained 99.9% uptime post-launch

Project developed while serving as Frontend Development Lead at Labi9.com

Live Website

React Vite TailwindCSS Astro


🏦 Global Liberty Bank

Live Website
Project Preview Global Liberty Bank website preview
Project Details

🎯 Project Overview

A modern banking website developed while working at Labi9.com, focusing solely on the frontend implementation. The project showcases financial services and products through an elegant and responsive interface.

💻 Technical Implementation

  • Framework: Astro.js and Vue.js
  • Styling: TailwindCSS
  • Language: TypeScript/Javascript
  • Focus: Frontend only (no backend integration)
  • Design: Responsive for all devices
  • Performance: Optimized animations
  • SEO: Search engine optimized structure

🎨 Design Features

  • Clean and professional banking interface
  • Modern financial sector aesthetics
  • Interactive UI elements
  • Smooth scrolling animations
  • Mobile-first approach

⚡ Performance Metrics

  • Quick page load times
  • Optimized asset delivery
  • Smooth transitions
  • Efficient code structure

🎯 Role & Responsibilities

  • Frontend development
  • Component architecture
  • Performance optimization
  • Responsive implementation
  • Animation development

✨ Key Highlights

  • Fast loading times
  • Cross-browser compatibility
  • Accessible design
  • Optimized for all screen sizes
  • Interactive components

🌟 Project Outcome

Successfully delivered a modern, responsive banking website that effectively presents GLBK's financial services and maintains professional banking sector standards.


Project developed as Frontend Developer at Labi9.com

Vite TailwindCSS Astro

💳 Tippbank

Live Website
Project Preview Tippbank.com.br website preview
Nuxt.js Vite WindiCSS VueUse

Freelance Projects

Coming Soon...


With Friends

🎮 Lembre de min - Visual Novel Game with Anne

Live Website Repository
Project Details

🎯 Project Overview

Currently developing a visual novel game in collaboration with @anneanneannehp, combining programming expertise with creative storytelling.

🛠️ Technical Stack

  • Engine: Ren'Py
  • Language: Python
  • Graphics: Custom artwork and animations
  • Status: In Development

🎨 Features

  • Interactive storytelling
  • Multiple story paths
  • Character dialogue system
  • Custom artwork integration
  • Sound and music implementation

👥 Team

  • Programming & Technical Implementation: Ricardo Camilo
  • Art & Story: @anneanneannehp

More details coming soon as the project develops!

Python Ren'Py


🔧 Specialties

  • 🎯 Frontend Development (Vue, Javascript Frameworks)
  • 💻 TypeScript & JavaScript Expert
  • 🎨 UI/UX & Design Systems
  • ⚡ Performance Optimization
  • 🧪 Testing & Quality Assurance
  • 🔄 CI/CD & DevOps Practices

📫 Professional Contact

LinkedIn 99Freelas Workana Resume Twitter

🛠️ Tech Stack & Skills

React Badge  Vue.js Badge  TypeScript Badge  Nuxt.js Badge  Astro Badge TailwindCSS Badge  Vuetify Badge  Vite Badge  Qwik Badge SOLID Badge  CLEAN CODE Badge  PERFORMANCE Badge DATA-DRIVEN Badge  MOBILE-FIRST Badge  ACCESSIBILITY Badge CROSS-BROWSER Badge  RESPONSIVE Badge  Axios Badge  pnpm Badge  Figma Badge Angular Badge REST API Badge

🌱 Currently Studying

NextJS Angular Docker

🚀 Available for Freelance Projects and Opportunities!

Specialist in creating modern and performant web experiences


Profile Views

📊 GitHub Analytics

GitHub Contribution Statistics

Most Used Languages

GitHub Streak Stats

Note: Language percentages are calculated based on my public code and don't reflect experience or skill level.

🎓 Certificates

🌐 English Proficiency - EF SET

EF SET English Certificate
  • Score: 66/100 (C1 Advanced)
  • Reading: 72/100 (C2 Mastery)
  • Listening: 60/100 (B2 Independent)

☕ Support My Work

If you find my work helpful and would like to support me, you can:

💰 Buy me a coffee

Buy Me A Coffee

Bitcoin

key: bc1qdgqe3a4nruxwlp5wmuajyz0d9tv4hnf26qyta6

Bitcoin QR Code Bitcoin QR Code

Popular repositories Loading

  1. LembreDeMin LembreDeMin Public

    Suas decisões e interações determinarão a essência de sua alma. Ao final da jornada, um espelho mágico revelará sua verdadeira natureza - será ela radiante como a luz ou obscura como as sombras?

    JavaScript 1

  2. angular-chronicles-part-1 angular-chronicles-part-1 Public

    🍽️ Food Hut - Angular Chronicles - Part 1

    TypeScript 1

  3. nextjs-chronicles-part-1 nextjs-chronicles-part-1 Public

    🪴 Breath Natural - NextJS Chronicles Part 1

    TypeScript 1

  4. nextjs-chronicles-part-2 nextjs-chronicles-part-2 Public

    🎭 Persona - NextJS Chronicles Part 2

    TypeScript 1

  5. nuxtjs-chronicles-part-1 nuxtjs-chronicles-part-1 Public

    🦁 Savana - NuxtJS Chronicles - Part 1

    TypeScript 1

  6. flutter-dimensions-part-1 flutter-dimensions-part-1 Public

    dart learning

    C++ 1