Skip to content

huamanraj/portfolio

Repository files navigation

Full Stack Developer Portfolio

Overview

This is a modern, responsive portfolio website built for a full stack developer. It's designed with a markdown-inspired dark theme, providing a sleek and professional showcase of skills, projects, and experiences.

Key Features

  • Responsive Design: Fully responsive layout that looks great on desktop, tablet, and mobile devices.
  • Markdown-Inspired Theme: Dark mode design inspired by popular markdown editors for a developer-friendly aesthetic.
  • Dynamic Project Showcase: Detailed project pages with descriptions, technologies used, key features, and links to live demos and GitHub repositories.
  • Skills Section: Visual representation of technical skills using SVG icons.
  • Blog Integration: Fetches and displays blog posts from a Hashnode account using their API.
  • Interactive Resume: Provides a downloadable resume and an interactive timeline of work experiences.

Technologies Used

  • React: For building the user interface
  • React Router: For handling routing and navigation
  • Tailwind CSS: For styling and responsive design
  • Vite: As the build tool and development server
  • React Icons: For including various icons throughout the site

Pages

  1. Home: A welcoming landing page introducing the developer
  2. About: Detailed information about the developer's background and interests
  3. Skills: A visual showcase of technical skills and competencies
  4. Projects: A grid of project cards, each linking to a detailed project page
  5. Experience: An interactive timeline of work and educational experiences
  6. Blog: A list of recent blog posts fetched from Hashnode
  7. Resume: A downloadable resume and summary of qualifications

Setup and Installation

  1. Clone the repository
  2. Run npm install to install dependencies
  3. Use npm run dev to start the development server
  4. For production build, use npm run build

Customization

The portfolio is designed to be easily customizable. Update the content in the data files to personalize it with your own information, projects, and experiences.

Contributing

Contributions, issues, and feature requests are welcome. Feel free to check issues page if you want to contribute.


Built with ❤️ by Aman Raj