André Ruperto Portfolio
A modern, full-stack personal portfolio built with React, TypeScript, and Express.js
What is this?
This is a comprehensive documentation site for André Ruperto’s personal portfolio website - a full-stack application showcasing development and data science projects. The portfolio features real-time GitHub activity, project management, contact form integration, and an admin panel for content management.Getting Started
Set up the portfolio locally in minutes
Features
Explore the key features and capabilities
Architecture
Understand the full-stack architecture
API Reference
Explore the backend API endpoints
Key Features
React Frontend
Modern React with TypeScript, Tailwind CSS, and shadcn/ui components
Express Backend
RESTful API with JWT authentication and rate limiting
PostgreSQL Database
Prisma ORM for type-safe database operations
Project Management
Admin CRUD operations for portfolio projects
Contact Form
Email notifications via Resend API
GitHub Activity
Real-time integration with GitHub API
Technology Stack
This portfolio leverages a modern full-stack technology stack:- Frontend: React 18, TypeScript, Vite, Tailwind CSS, shadcn/ui
- Backend: Express.js, Node.js, JWT authentication
- Database: PostgreSQL with Prisma ORM
- Email: Resend API for transactional emails
- Deployment: Vite build system with Express static serving
View Live Site
Check out the live portfolio at andreruperto.dev