Skip to content

J0rgw/portfoliov2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Jorge Arcas - Portfolio v2

A modern, responsive portfolio website showcasing my work as a Frontend Developer. Built with vanilla HTML, CSS, and JavaScript for optimal performance and simplicity.

Overview

This portfolio represents my second iteration of a personal website, focusing on clean design, smooth animations, and a mobile-first approach. It's designed to be fast, accessible, and showcase my skills and projects effectively.

Features

Design & UX

  • Mobile-first responsive design - Optimized for all screen sizes
  • Smooth scroll animations - Powered by GSAP for professional-grade interactions
  • Modern CSS techniques - Grid, Flexbox, Custom Properties, and advanced animations
  • Accessible navigation - Both traditional header and full-width overlay menu
  • Visual feedback - Interactive elements with hover states and transitions

Sections

  • Hero section - Clean introduction with scroll incentive
  • About - Personal background and professional focus
  • Projects - Showcase of key projects with tech stacks and links
  • Experience & Education - Timeline-based layout for work history and education
  • Skills - Categorized skill display with progress indicators
  • Contact - Multiple ways to connect professionally

Technical Implementation

  • Vanilla JavaScript - No framework dependencies for maximum performance
  • GSAP animations - ScrollTrigger, ScrollSmoother, and custom animations
  • CSS Grid & Flexbox - Modern layout techniques
  • Font Awesome icons - Consistent iconography throughout
  • Optimized images - Web-optimized assets for fast loading

Projects Showcased

Mathgeon

A video game focused on mathematics with pure CSS animations. Currently undergoing overhaul development using React, TypeScript, and Rust.

SoundTown

An application exploring Spotify API integration and modern CSS scroll-snap techniques. Demonstrates API consumption and advanced CSS features.

Portfolio V1

The initial version of my portfolio built with React, Tailwind CSS, and PostCSS. Showcases mobile-first development approach.

TDD Cypress Login

A Test-Driven Development project using Cypress for testing and Tailwind CSS for styling. Demonstrates testing practices and modern development workflows.

Skills Highlighted

Frontend Development

  • TypeScript (90%) - Strongly typed development for scalable applications
  • JavaScript (95%) - Modern ES6+ features and functional programming
  • React (88%) - Component-based architecture and hooks
  • Angular (85%) - Full-featured framework with TypeScript
  • GSAP (92%) - Professional-grade animations and interactions
  • Mobile First (96%) - Responsive design approach
  • UX Design (89%) - User-centered design principles
  • Modern CSS (94%) - Grid, Flexbox, Custom Properties
  • Test Driven Development (85%) - Quality-focused development practices

Backend Development

  • Node.js (87%) - Server-side JavaScript and API development
  • Python (82%) - Backend development and data processing
  • Firebase (85%) - Cloud services and real-time database
  • NoSQL Database (80%) - MongoDB and document-based modeling
  • APIs & CRUD (90%) - RESTful API design and operations
  • MySQL (78%) - Relational database design and SQL

Other Skills

  • Git & GitHub (92%) - Version control and collaboration
  • Spanish (100%) - Native language proficiency
  • English (95%) - Bilingual professional proficiency

Technical Stack

  • HTML5 - Semantic markup and accessibility
  • CSS3 - Modern styling with Grid, Flexbox, and animations
  • Vanilla JavaScript - ES6+ features and DOM manipulation
  • GSAP - Professional animation library
  • Font Awesome - Icon library
  • jQuery - DOM manipulation and easing functions

Performance Optimizations

  • No framework overhead - Vanilla implementation for maximum speed
  • Optimized images - Web-optimized assets
  • Efficient animations - GSAP for smooth 60fps animations
  • Minimal dependencies - Only essential external libraries
  • Mobile-first approach - Optimized for mobile performance

Browser Support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)
  • Mobile browsers (iOS Safari, Chrome Mobile)

Getting Started

  1. Clone the repository
  2. Open index.html in your browser
  3. No build process required - it's ready to deploy

Deployment

This portfolio is designed to be deployed on GitHub Pages or any static hosting service. Simply upload the files and you're good to go.

Contact

License

This project is open source and available under the MIT License.


Built with passion for clean code and great user experiences. No frameworks, just pure web technologies.

About

the second version of my portfolio using gsap

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors