A modern, responsive, and interactive online resume built with React and TypeScript. This website showcases my profile, skills, experience, projects, and development blogs, and includes a downloadable PDF resume feature.
- Fully responsive design for desktop, tablet, and mobile.
- Dark and light theme support.
- Interactive navigation menu with smooth scrolling.
- Sections included:
- Profile
- About Me
- Skills (Technical & Soft Skills)
- Experience
- Academic & Projects
- Development Blogs
- Footer with social links
- Downloadable resume as PDF.
- Print-ready resume layout.
Check it out: https://dainyjose.github.io/my-resume/
- React (Functional Components & Hooks)
- TypeScript for type safety
- CSS Grid & Flexbox for layout
- Boxicons for icons
- React Router for smooth section navigation
src/
βββ Components/
β βββ AboutMe.tsx
β βββ Academic.tsx
β βββ DevBlogs.tsx
β βββ Footer.tsx
β βββ Menu.tsx
β βββ Profile.tsx
β βββ Projects.tsx
β βββ Skills.tsx
β βββ Works.tsx
βββ data/
β βββ Menu.ts
β βββ resumeData.ts
βββ App.tsx
βββ index.tsx- Clone the repository:
git clone https://github.com/dainyjose/my-resume.git
cd my-resume- Install dependencies:
bun install- Start the development server:
bun run dev-
Navigate sections using the menu or scroll.
-
Click the Download Resume button in the footer to print or save the resume as PDF.
-
Works on all modern browsers and mobile devices
-
Update your personal info in
src/data/resumeData.ts. -
Update social links in
src/data/Menu.tsandresumeData.ts. -
Replace images and icons as needed in the
Componentsfolder.
Β© 2026 Dainy Jose. All rights reserved.
Unauthorized copying, modification, redistribution, or commercial use of this project or its source code is prohibited without explicit permission from the author.
