Personal Software Developer Portfolio

Welcome to my personal software developer portfolio! This project showcases my skills, projects, and experience as a software developer. It is built using modern web development technologies including Vite, React, React-router, and TailwindCSS.

Table of Contents

• Features
• Getting Started
• Project Structure
• Available Scripts

Features

• Responsive Design: The portfolio is fully responsive and looks great on all devices.
• Smooth Navigation: Utilizes React-router for smooth and seamless navigation between pages.
• Modern UI: Styled with TailwindCSS for a clean and modern user interface.
• Fast Development: Built with Vite for fast development and hot module replacement (HMR).
• Type Safety: Implemented with TypeScript for enhanced code reliability and developer experience.
• Smooth Animations: Integrated Framer Motion library for fluid transitions and engaging UI animations.
• Custom SVG Animations: Features Storyset illustrations with custom animations for enhanced visual appeal and interactivity.

Getting Started

To get a local copy up and running, follow these simple steps:

Prerequisites

• Node.js (version 14 or higher)
• npm (version 6 or higher) or yarn (version 1.22 or higher)

Installation

1. Clone the repository:

   git clone https://github.com/your-username/personal-portfolio.git

2. Navigate to the project directory:

   cd personal-portfolio

3. Install dependencies:

   npm install
   # or
   yarn install

4. Start the development server:

   npm run dev
   # or
   yarn dev

Project Structure

personal-portfolio/
├── public/           # Static files
├── src/             # Source files
│   ├── components/  # React components
│   ├── assets/      # Images and other assets
│   ├── App.tsx      # Main application component
│   ├── main.tsx     # Application entry point
│   ├── index.css    # Global styles
└── package.json     # Project dependencies

Available Scripts

• npm run dev - Starts the development server
• npm run build - Builds the app for production
• npm run preview - Preview the production build locally