A modern, responsive CV/Resume built with React and TypeScript.
- Modern Design: Clean, professional layout with gradient backgrounds and smooth animations
- Responsive: Fully responsive design that works on desktop, tablet, and mobile devices
- Interactive Elements: Animated skill bars and hover effects
- TypeScript: Full TypeScript support for better development experience
- Component-Based: Modular component structure for easy maintenance and updates
- Header: Personal branding section with name, title, and summary
- Personal Info: Basic personal information and interests
- Contact: Contact information with icons
- Skills: Technical skills with animated progress bars
- Experience: Professional work experience with detailed descriptions
- Education: Educational background and certifications
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open http://localhost:3000 to view it in the browser.
To customize this CV with your own information:
- Update personal information in
src/components/Header.tsx - Modify contact details in
src/components/Contact.tsx - Add your skills in
src/components/Skills.tsx - Update work experience in
src/components/Experience.tsx - Modify education details in
src/components/Education.tsx - Adjust personal info in
src/components/PersonalInfo.tsx
To create a production build:
npm run buildThis will create an optimized build in the build folder ready for deployment.
The application uses modern CSS with:
- CSS Grid for layout
- Flexbox for component alignment
- CSS animations and transitions
- Responsive design with media queries
- Custom gradient backgrounds
- React 18
- TypeScript
- CSS3 (Grid, Flexbox, Animations)
- Create React App
This application supports all modern browsers including:
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
Built with ❤️ using React and TypeScript