Personal Portfolio Website

This is the repository for my personal portfolio website, showcasing my skills, projects, and blog.

Description

This website is a comprehensive platform to learn more about me, my work, and my thoughts on web development. It's designed to be a central hub for my professional presence online.

Features

• Homepage: A summary of my skills, services, and recent work.
• About Page: A detailed look at my background, journey, and philosophy.
• Portfolio: A showcase of my projects with descriptions and links.
• Blog: A collection of articles and tutorials on web development.
• Contact Form: A convenient way to get in touch with me.
• Responsive Design: The website is fully responsive and works on all devices.
• Theme Toggle: A light/dark theme toggle for user preference.

Technologies Used

• Framework: Next.js
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Shadcn UI
• Linting: ESLint
• Formatting: Prettier

Getting Started

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

Prerequisites

• Node.js (v18.x or later)
• pnpm

Installation

1. Clone the repo

   git clone https://github.com/your_username/your_project_name.git

2. Install NPM packages

   pnpm install

Running the Application

1. Start the development server

   pnpm dev

2. Open http://localhost:3000 with your browser to see the result.

Folder Structure

.
├── public
│   └── assets
├── src
│   ├── app
│   │   ├── (public)
│   │   └── api
│   ├── components
│   │   ├── about
│   │   ├── home
│   │   ├── layout
│   │   ├── providers
│   │   └── ui
│   ├── config
│   ├── lib
│   │   ├── data
│   │   └── utils
│   └── styles
└── ...

• public: Contains static assets like images, fonts, and PDFs.
• src/app: The main application folder, containing pages and API routes.
• src/components: Reusable React components used throughout the application.
• src/config: Site-wide configuration files.
• src/lib: Utility functions and data sources.

License

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