Skip to content

Releases: DOodle25/Portfolio

v1.0.0

13 Nov 15:31
Compare
Choose a tag to compare

Portfolio Website - Dipen Patel

Live Version Azure: azure-portfolio.alynor.wiki
Live Version: dipen.alynor.wiki

Welcome to my personal portfolio! This project showcases my skills, projects, and experience using modern web development technologies. Explore my work, technical expertise, and how I approach solving real-world challenges with code.

Overview

This portfolio was built using Vite and React for a fast and optimized developer experience. It is designed to be fully responsive, ensuring a seamless experience across different devices and screen sizes. From showcasing my top projects to providing a direct contact form, this site is an interactive representation of my journey as a web developer.

Features

  • Projects Section: Highlights my top projects with live demos and links to the source code.
  • Skills and Experience: Provides a breakdown of my technical skills and work experience.
  • Contact Form: Allows visitors to reach out to me directly via email.
  • Responsive Design: Optimized for all screen sizes, ensuring a mobile-friendly experience.

Tech Stack

  • Frontend: React, Vite, Tailwind CSS (or any CSS framework you prefer)
  • Other Tools: React Router for navigation, React Icons for icons

Getting Started

To run this portfolio locally on your machine, follow these steps:

Prerequisites

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

Installation

  1. Clone the repository:

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

    npm install
  3. Start the development server:

    npm run dev

Your portfolio will be available at http://localhost:3000.

Project Structure

portfolio
├── public              # Static files (e.g., favicon, images)
├── src
│   ├── components      # Reusable components (e.g., Navbar, Footer, ProjectCard)
│   ├── pages           # Portfolio pages (e.g., Home, Projects, Contact)
│   ├── assets          # Images and other media assets
│   ├── App.jsx         # Main app component
│   └── main.jsx        # React entry point
└── package.json        # Project metadata and scripts

Deploying

To deploy your portfolio, build the optimized production version and host it on your favorite platform (e.g., GitHub Pages, Netlify, Vercel):

  1. Build the project:

    npm run build
  2. Deploy the dist folder to your preferred hosting platform.

License

This project is licensed under the MIT License.