Personal portfolio website showcasing my projects, skills, experience, and education as a Software Developer and Computer Science Engineer.
Live at cosmodev.me
- Next.js 15 with static export
- React 19
- TypeScript 5
- Tailwind CSS 3 with CSS variables theming (dark mode)
- shadcn/ui (Radix UI primitives)
- FontAwesome, Lucide React, React Icons
- Recharts for GitHub contributions chart
- Embla Carousel with autoplay
| Section | Description |
|---|---|
| Hero | Name, role, featured projects carousel (autoplay), CTA buttons |
| About | Bio, languages, GitHub profile card with live stats and contributions chart |
| Experience | Timeline with freelance and academic project experience |
| Projects | Tabbed grid (Projects / Designs) with modal detail view and live iframe preview |
| Education | PUCP, Platzi, Coursera |
| Skills | 6 categories: Languages, Frameworks, Tools, Methodologies, Databases, Other |
| Gallery | Photo carousel from professional events |
| Contact | Contact form via Formspree + social links |
 Grupo Sercom |
 Prosedain |
 Farmasalud Inversiones |
 Nebu |
 MITS Peru |
 Academia Pasalo |
 Mora |
 3D Artist Portfolio |
- Single-page app with smooth scroll navigation
- Project modal with live iframe preview (desktop) and fallback for blocked sites
- Featured projects carousel with autoplay in hero section
- GitHub profile card with live API data (repos, stars, languages, contributions chart)
- Dark mode by default with CSS variables theming
- Fade-in animations via Intersection Observer
- Contact form with Formspree integration
- Fully responsive (mobile sheet drawer, adaptive grids)
- Static export deployed to Namecheap via GitHub Actions
# Clone the repo
git clone https://github.com/UltimateCosmic/UltimateCosmic.github.io.git
# Install dependencies
npm install
# Run locally
npm run devOpen http://localhost:3000 to see the site.
Deployed as a static export (output: 'export') to Namecheap hosting via GitHub Actions. Custom domain configured with CNAME.
This project is MIT licensed.
Built with Next.js 15, React 19, and Tailwind CSS by Johan Amador (@cosmodev)