A modern, responsive portfolio website built with React, featuring smooth animations, multilingual support, and a dark/light theme toggle.
- Responsive Design: Fully responsive layout that works seamlessly across all devices
- Smooth Animations: Custom animations for enhanced user experience
- Multilingual Support: Toggle between English and Brazilian Portuguese
- Theme Switching: Dark and light mode with persistent user preference
- Interactive UI Elements:
- Animated text transitions
- Hover effects
- Mobile-friendly navigation
- Form interactions
- System-specific welcome messages
- Smart Notifications:
- System detection (Windows, MacOS, Linux, iOS, Android, iPad)
- Custom welcome messages based on user's device
- Time-based engagement notifications
- Interactive notification center
- Persistent Settings: User preferences for language and theme are saved locally
- Dock-like Navigation: MacOS-inspired navigation behavior
- Mobile Optimizations:
- Hamburger menu with full-screen overlay
- Touch-optimized interactions
- Responsive text scaling
- Device-specific features
- React.js
- React Router DOM
- CSS3
- JavaScript (ES6+)
- React Icons
- Google Fonts (Handjet)
- Create React App
- Git & GitHub
- VS Code
- npm
- Dock-like behavior on desktop
- Hamburger menu on mobile
- Smooth transitions
- Active route indication
- Device detection
- Custom welcome messages
- Time-based notifications
- Interactive notifications
- Notification counter
- Bell animation for new notifications
- Dynamic text animations
- Responsive scaling
- Custom image transitions
- Language-specific text sizing
- Interactive profile section
- Detailed experience timeline
- Skills showcase
- Educational background
- Language proficiency
- Freelancer focus
- Project cards with hover effects
- Technology tags
- Modal interactions
- GitHub integration
- Contact form
- Social media links
- Direct email option
- Animated elements
- Clone the repository
git clone https://github.com/unimiadev/portfolio.git - Navigate to the project directory
cd portfolio- Install dependencies
npm install- Start the development server
npm start- Build for production
npm run build- Custom color scheme with CSS variables
- Consistent typography using Handjet font
- Responsive scaling for different screen sizes
- Smooth transitions and animations
- Accessible color contrasts
- Mobile-first approach
- Dark/Light theme support
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- Mobile browsers
- Desktop: 1200px and above
- Tablet: 768px to 1199px
- Mobile: 767px and below
- Small Mobile: 350px and below
- English (EN)
- Brazilian Portuguese (PT-BR)
- GitHub: @unimiadev
- Website: unimia.dev
This project is licensed under the MIT License.
- Design inspiration from various portfolio websites
- React.js community for excellent documentation
- All the developers who maintain the libraries used in this project