Roberto dos Santos Rocha - Portfolio

Professional portfolio website showcasing my experience as a researcher, educator, and Information Systems specialist.

🌐 Live Demo

Visit the live site at: https://roberto-rocha.tech

✨ Features

• 📱 Responsive Design - Optimized for all devices and screen sizes
• 🎨 Modern UI - Clean and professional interface built with Tailwind CSS
• ⚡ Fast Performance - Built with React for optimal performance
• 🔗 Social Integration - Direct links to LinkedIn and email
• 📊 Comprehensive Information - Education, skills, experience, and publications

🛠️ Tech Stack

• Framework: React 19.2.0
• Styling: Tailwind CSS 4.0.14
• Icons: Lucide React
• Routing: React Router DOM 7.9.4
• Build Tool: React Scripts
• Hosting: GitHub Pages with custom domain
• Package Manager: npm

🚀 Getting Started

Prerequisites

• Node.js (v14.0.0 or higher)
• npm (v6.0.0 or higher)

Installation

1. Clone the repository

   git clone https://github.com/roberto-fgv/roberto-fgv.github.io.git
   cd roberto-fgv.github.io

2. Install dependencies

   npm install

3. Start the development server

   npm start

   The application will open automatically at http://localhost:3000

📜 Available Scripts

Development

npm start

Runs the app in development mode with hot-reload enabled.

Testing

npm test

Launches the test runner in interactive watch mode.

Production Build

npm run build

Creates an optimized production build in the build folder.

Deployment

Automatic Deployment (Recommended):

The site deploys automatically to GitHub Pages when you push to the main branch. Just commit and push your changes:

git add .
git commit -m "Your changes"
git push origin main

The GitHub Actions workflow will automatically:

1. Build the application
2. Deploy to GitHub Pages
3. Update the live site at roberto-rocha.tech

Manual Deployment (Alternative):

npm run deploy

Manually deploys the application to GitHub Pages (requires GitHub authentication).

📁 Project Structure

roberto-fgv.github.io/
├── public/              # Static files
│   ├── index.html       # HTML template
│   ├── favicon.ico      # Site favicon
│   └── ...
├── src/
│   ├── components/      # Reusable UI components
│   │   └── ui/          # UI component library
│   │       ├── card.jsx
│   │       └── button.jsx
│   ├── App.js           # Main application component
│   ├── HomePage.js      # Home page component
│   ├── index.js         # Application entry point
│   ├── index.css        # Global styles
│   └── ...
├── package.json         # Project dependencies
├── tailwind.config.js   # Tailwind configuration
└── README.md            # Project documentation

🎨 Customization

Updating Personal Information

Edit src/HomePage.js to update:

• Professional title and description
• Education history
• Skills and competencies
• Professional experience
• Publications and research
• Contact information

Styling

• Global styles: src/index.css
• Component styles: Individual component files
• Tailwind config: src/tailwind.config.js

📞 Contact

Roberto dos Santos Rocha

• 📧 Email: [email protected]
• 💼 LinkedIn: linkedin.com/in/rsrocha

📄 License

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

🙏 Acknowledgments

• Built with Create React App
• Icons by Lucide React
• Styled with Tailwind CSS

---

Made with ❤️ by Roberto dos Santos Rocha

© 2025 All rights reserved