Skip to content

aniruddhaadak80/portfolio

Repository files navigation

👨‍💻 MyPortfolio

Welcome to MyPortfolio — a personal website that showcases my skills, projects, blog posts, and more. Built with modern web technologies, this portfolio is designed to be responsive, visually appealing, and easy to navigate.

Portfolio Screenshot

🌟 Features

  • Dark Mode Toggle: Switch between light and dark themes for an optimized viewing experience.
  • Responsive Design: Fully responsive on all devices.
  • Interactive Animations: Smooth transitions and animations for an engaging user experience.
  • Organized Sections: Separate sections for About, Skills, Projects, Blog, and Contact.

🛠️ Tech Stack

  • Frontend: React, TypeScript
  • Styling: Tailwind CSS
  • Icons: Lucide Icons
  • Build Tool: Vite

🚀 Getting Started

Follow these instructions to set up the project locally.

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn

Installation

  1. Clone the repository:

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

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

    npm run dev
    # or
    yarn dev
  4. Build for production:

    npm run build
    # or
    yarn build
  5. Preview the production build:

    npm run preview
    # or
    yarn preview

🎨 Customization

To personalize your portfolio, follow these tips:

  • Update Content: Edit content in the src/components directory (e.g., Header.tsx, About.tsx, Skills.tsx).
  • Add New Projects: Add your projects in the Projects section and customize their appearance in src/components/Projects.tsx.
  • Theme and Colors: Modify colors in the tailwind.config.js file for a unique theme.

📂 Project Structure

MyPortfolio/
├── public/                 # Static assets
├── src/
│   ├── components/         # Components (Header, About, Projects, etc.)
│   ├── assets/             # Images, icons
│   ├── App.tsx             # Main app component
│   └── main.tsx            # Entry point
├── index.html              # HTML template
├── tailwind.config.js      # Tailwind CSS configuration
└── vite.config.ts          # Vite configuration

🌐 Live Demo

Check out the live version of the portfolio at: https://aniruddha-adak.vercel.app/

🤝 Contributing

Contributions are welcome! If you have any ideas or improvements, feel free to open a pull request.

  1. Fork the repository
  2. Create your branch: git checkout -b my-feature
  3. Commit your changes: git commit -am 'Add feature'
  4. Push to the branch: git push origin my-feature
  5. Open a pull request

📧 Contact

Feel free to reach out if you have any questions or feedback. Connect with me at:


📝 License

This project is licensed under the MIT License. See the LICENSE file for details.