Back to projects

Personal Portfolio Website

A modern, responsive portfolio website built with Next.js to showcase my projects and skills.

GitHub →

🌐 Overview

This personal portfolio website is a modern, responsive web application built using Next.js. It serves as a showcase for my projects, skills, and professional experience. The website features a clean, intuitive design with smooth navigation and optimized performance.

🚀 Key Features

  • Responsive Design: Seamlessly adapts to various screen sizes and devices.
  • Dynamic Project Showcase: Highlights my best work with detailed project pages.
  • Skills Section: Visual representation of my technical skills and proficiencies.
  • Contact Form: Allows visitors to easily get in touch with me.
  • Blog Integration: Shares my thoughts and experiences in the tech world.
  • Dark Mode: Offers a comfortable viewing experience in low-light environments.

🛠️ Technology Stack

  • Frontend Framework: Next.js
  • Styling: Tailwind CSS
  • Deployment: Vercel
  • Content Management: MDX for blog posts and project descriptions
  • Animation: Framer Motion for smooth transitions and effects

🔍 How It Works

  1. Home Page: Welcomes visitors with an animated display of my name, creating a memorable first impression.
  2. Projects Section: Showcases a curated selection of my best work, allowing visitors to explore my portfolio.
  3. Contact: Provides easy access to my professional profiles:
    • Email address for direct communication
    • LinkedIn profile for professional networking
    • GitHub profile to view my code repositories
  4. Resume: Offers a downloadable version of my up-to-date resume for potential employers or collaborators.

🏁 Getting Started

Prerequisites

  • Node.js (v14 or later)
  • npm or yarn
  • Git

Setup and Installation

  1. Clone the repository:

    git clone https://github.com/amanjoshi2002/portfolio.git
    cd portfolio
  2. Install dependencies:

    npm install
    # or
    yarn install
  3. Run the development server:

    npm run dev
    # or
    yarn dev
  4. Open http://localhost:3000 in your browser to view the website.

💡 Usage

  • Customize the content in the data folder to update your personal information and projects.
  • Add new blog posts by creating MDX files in the content/blog directory.
  • Modify the theme and styling in the Tailwind configuration file.

🤝 Contributing

While this is a personal project, I welcome any suggestions or feedback. Feel free to open an issue or submit a pull request if you have ideas for improvements.

🔮 Future Enhancements

  • Implement a custom CMS for easier content management.
  • Add internationalization support for multiple languages.
  • Integrate a newsletter subscription feature.
  • Implement advanced animations and interactive elements.

📄 License

This project is open source and available under the MIT License.