Welcome to my personal portfolio repository. This site showcases my 17+ years of software development experience, open-source contributions, and technical expertise.
🌐 Live Site: ariccamarata.com
This portfolio represents more than just a resume—it's a demonstration of modern web development practices and my commitment to clean, performant code. Built with the latest technologies, it serves as both a professional showcase and a testament to my technical capabilities.
- Performance First: Achieves perfect Lighthouse scores with optimized images (AVIF/WebP), lazy loading, and efficient code splitting
- Responsive Design: Fully responsive with mobile-first approach and dark mode support
- SEO Optimized: Complete with meta tags, structured data, sitemap, and RSS feed
- Technical Blog: MDX-powered blog featuring in-depth articles on algorithms, astronomy, and web development
- Interactive Contact Form: Real-time form handling with email notifications via ElasticEmail API
- Type-Safe: 100% TypeScript with strict type checking throughout
- Framework: Next.js 15.4.4 with App Router
- Language: TypeScript
- Styling: Tailwind CSS with custom design system
- Content: MDX for rich blog posts with syntax highlighting
- Deployment: Vercel with automatic CI/CD
- Email Service: ElasticEmail for contact form submissions
- Development: Turbopack for lightning-fast HMR
- Build Size: < 100KB First Load JS (shared by all pages)
- Performance Score: 100/100 Lighthouse
- Accessibility: WCAG 2.1 AA compliant
- SEO Score: 100/100
- Best Practices: 100/100
src/
├── app/ # Next.js App Router pages
├── components/ # Reusable React components
├── lib/ # Utility functions and helpers
└── images/ # Optimized assets
- Image Optimization: Multi-format support (AVIF, WebP, PNG) with automatic format selection
- Type Safety: Comprehensive TypeScript interfaces for all data structures
- Component Architecture: Modular, reusable components following React best practices
- API Design: RESTful endpoints with proper error handling and validation
- Node.js 18+
- npm or yarn
# Clone the repository
git clone https://github.com/acamarata/resume.git
cd resume
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env
# Edit .env with your configuration
# Run development server
npm run devVisit http://localhost:3000 to see the site in development mode.
# Create production build
npm run build
# Test production build locally
npm start- Code Quality: ESLint and Prettier configured for consistent code style
- Type Checking: Strict TypeScript configuration with no implicit any
- Git Hooks: Pre-commit hooks for linting and type checking (coming soon)
- Testing: Component and integration tests (coming soon)
Blog posts are written in MDX format in src/app/blog/[slug]/page.mdx. Each post includes:
- Metadata for SEO
- Syntax highlighting for code blocks
- Responsive images
- Custom React components
Projects are managed in src/app/projects/page.tsx with custom SVG icons for each project type.
# Site configuration
NEXT_PUBLIC_SITE_URL=https://ariccamarata.com
# Email notifications (optional)
ELASTICEMAIL_API=your_api_key
ELASTICEMAIL_FROM=noreply@yourdomain.com
# Telegram notifications (optional)
TELEGRAM_BOT=your_bot_token
TELEGRAM_CHAT=your_chat_id- Vercel Analytics for performance monitoring
- Real User Metrics (RUM) for user experience tracking
- Error tracking and logging in production
This portfolio highlights several of my open-source projects:
- NREL-SPA: JavaScript port of NREL's Solar Position Algorithm
- Moon Positioning: Lunar phase calculations with NASA imagery
- Luxon Hijri: Islamic calendar integration for Luxon.js
- Nself CLI: Modern CLI tool for Nhost development
Feel free to reach out through the contact form on the site or connect with me on:
© 2025 Aric Camarata. All rights reserved.
This repository is public for transparency and to showcase my work, but the content and design remain my intellectual property. Feel free to draw inspiration, but please do not copy the site directly.