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

npm run deploy

Deploys the application to GitHub Pages (if configured).

📁 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