🔗 Access the Project Online: brunorocha.vercel.app

🌐 My Web Portfolio

This is my personal portfolio developed with React, TypeScript, and Motion, with the objective of presenting my main projects, skills, and experiences as a full-stack developer.

✨ Features

• Multi-language Support: Fully implemented internationalization (i18n) for English and Portuguese.
• Modern UI/UX: Built with React, TypeScript, and TailwindCSS for a clean, responsive, and maintainable interface.
• Fluid Animations: Utilizes motion to create smooth and engaging user interactions.
• Component-Driven: A modular architecture using reusable components for consistency and scalability.
• Custom Hooks: Leverages a suite of custom hooks for functionalities like API calls, debouncing, form validation, and responsive design.
• Well-Structured Data: Project information, skills, and other data are neatly organized and separated from the UI logic.

📂 Project Structure

The project is organized with a clear separation of concerns, making it easy to navigate and maintain.

src/
├── @types/         # Global TypeScript type definitions
├── components/     # Reusable UI components (e.g., buttons, modals)
├── hooks/          # Custom React hooks for shared logic
├── lib/            # Core logic, data, and utilities
│   ├── data/       # Static data for projects, skills, etc.
│   ├── i18n/       # Internationalization setup and translations
│   └── utils/      # Helper functions
└── sections/       # Major UI sections of the portfolio website

✨ Technologies Used

• React – Main library for building the UI
• TypeScript – Static typing for greater security and clarity in development
• Motion – Fluid animations and modern interactions
• TailwindCSS – Fast and responsive styling
• Vite – Lightweight and fast bundler
• Vercel – Portfolio hosting