This is an interactive resume project developed with modern technologies to provide a unique professional information viewing experience. Built with performance, accessibility, and user experience in mind, it offers a modern and elegant way to showcase your professional journey.
Visit the live demo at: Digital Resume
- TypeScript ^5.2.2 - For type-safe code
- React ^18.2.0 - For building the user interface
- Vite ^5.1.4 - For fast development and building
- shadcn-ui - For modern and accessible UI components
- Tailwind CSS ^3.4.1 - For modern and responsive styling
- i18next ^23.10.0 - For internationalization
- framer-motion ^11.0.8 - For smooth animations
- react-icons ^5.0.1 - For beautiful icons
- emailjs ^4.1.0 - For contact form functionality
- 🌓 Light/Dark mode with system preference detection
- 🌎 Multi-language support (English and Portuguese)
- 📱 Fully responsive design for all devices
- 🎨 Modern and elegant interface with smooth animations
- 📄 Resume download in PDF format
- 🔗 GitHub integration (coming soon)
- 💼 Navigable resume sections with smooth scrolling
- 📬 Contact form with email integration
- ♿ Accessibility features (WCAG 2.1 Level AA)
- 🚀 Optimized performance (90+ Lighthouse score)
- 🎭 Beautiful animations and transitions
- Node.js >= 18.0.0
- npm >= 9.0.0
- Git >= 2.30.0
# Clone the repository
git clone https://github.com/iFallenHunt/digital-resume.git
# Enter the project directory
cd digital-resume
# Install dependencies
npm install
# Start development server
npm run devThe project will be available at http://localhost:5173
npm run dev # Start development server
npm run build # Build for production
npm run preview # Preview production build
npm run lint # Run ESLint
npm run format # Format code with Prettierdigital-resume/
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Application pages
│ ├── context/ # React contexts (theme, language)
│ ├── hooks/ # Custom React hooks
│ ├── utils/ # Utility functions
│ ├── lib/ # Configurations and constants
│ ├── types/ # TypeScript type definitions
│ ├── i18n/ # Internationalization files
│ └── styles/ # Global styles and Tailwind config
├── public/ # Static files
└── dist/ # Production build output
We follow the Conventional Commits pattern:
feat: New featurefix: Bug fixrefactor: Code refactoringdocs: Documentation updatestyle: Style changestest: Adding or modifying testschore: Configuration changes
Example:
feat(i18n): add language switcher component
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'feat: Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Use TypeScript for all new code
- Follow ESLint and Prettier configurations
- Write meaningful commit messages following Conventional Commits
- Add JSDoc comments for functions and components
- Maintain test coverage for new features
The project is configured for easy deployment on various platforms:
- Vercel: Recommended for best performance and easy setup
- Netlify: Great alternative with similar features
- GitHub Pages: Good for personal projects
VITE_EMAILJS_SERVICE_ID=your_service_id
VITE_EMAILJS_TEMPLATE_ID=your_template_id
VITE_EMAILJS_PUBLIC_KEY=your_public_key- Lighthouse Score > 90
- First Contentful Paint < 1.5s
- Time to Interactive < 3.5s
- Optimized bundle size
- Lazy loading for images and components
This project is under the MIT license. See the LICENSE file for details.
Lucas Santos
- LinkedIn: santos-lucas96dev
- GitHub: iFallenHunt