OnlineResume is a modern, responsive portfolio and resume website built with Next.js 14, designed to showcase your professional experience, skills, and projects in an elegant and interactive format. With a focus on performance, aesthetics, and user engagement, this project is perfect for making a lasting impression on potential employers or clients. OnlineResume ensures seamless user experience across various devices and screen sizes, offering dynamic and customizable content.
- Responsive Design: Adaptable and optimized for desktop, tablet, and mobile devices.
- Dynamic Content: Easily update your information using simple array-based data.
- GitHub Project Integration: Automatically fetch and display project data directly from GitHub repositories (stars, forks, issues, descriptions, and topics).
- Performance Focused: Fast loading times and smooth interactions using Framer Motion for animation.
- Customizable: Tailor the design, color scheme, and content to match your personal brand.
- Interactive Skills Showcase: Explore projects by clicking on specific skills to view all related work.
- Next.js 14: A powerful React framework for production-grade websites.
- TypeScript: Strongly-typed JavaScript to reduce bugs and improve development efficiency.
- Tailwind CSS: Utility-first CSS framework for custom, responsive designs.
- shadcn/ui: Pre-built components for streamlined development.
- Framer Motion: Smooth and sophisticated animations to enhance user interactions.
OnlineResume integrates directly with GitHub to dynamically fetch and showcase your projects. This includes real-time data such as:
- Star count
- Fork count
- Open issues
- Project description
- Topics/tags
This allows your resume to stay updated with the latest information from your GitHub repositories, providing an accurate reflection of your work and contributions. Projects are automatically fetched via the GitHub API, making the setup and maintenance seamless.
One of the standout features is the integration between your skills and projects. Visitors can click on specific skills within the portfolio, which dynamically filters and displays projects that are relevant to that skill. For example, clicking "Python" will reveal all Python-related projects, giving potential employers or clients a focused view of your expertise and real-world applications.
To get started with OnlineResume, follow these steps:
- Clone the repository:
git clone https://github.com/akadeepesh/OnlineResume.git
- Install dependencies:
npm install
- Run the development server:
npm run dev
- Open your browser at http://localhost:3000.
You can deploy OnlineResume to various platforms, such as:
- Vercel
- Netlify
- GitHub Pages
Refer to the respective platform’s documentation for detailed deployment instructions.
This project is licensed under the MIT License. You are free to use, modify, and distribute this project as you see fit.