HelloKasif - Portfolio Website

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

Live Website: https://hellokasif.netlify.app/

Technologies Used

This website is built with a modern tech stack including:

• Next.js: A React framework for server-side rendering and static site generation.
• Firebase: Used for backend services (if applicable, specify which services like Firestore, Authentication, etc.).
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• TypeScript: For static typing and improved code quality.
• Vibe Coding & Firebase Studio: (Mention how these were used, e.g., "Initial project setup and theming by Vibe Coding using Firebase Studio.")

Running the Project Locally

To run this project locally, follow these steps:

1. Clone the repository:

   git clone <repository-url>
   cd <repository-name>

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env.local file in the root directory and add any necessary Firebase configuration or other environment variables.
4. Run the development server:

   npm run dev

   Open http://localhost:9002 (or the port specified in your package.json) in your browser to see the result.

Project Structure

The main components of the project are organized as follows:

• src/app/: Contains the main pages and routing for the application.
• src/components/: Reusable UI components used throughout the website.
• src/lib/: Utility functions and project-specific data.
• public/: Static assets like images and resume.
• package.json: Lists project dependencies and scripts.

About Vibe Coding & Firebase Studio

This project was initially scaffolded and designed using Vibe Coding with Firebase Studio, which provided a starter template and tools for quick development and integration with Firebase services.

---

Feel free to explore the code and reach out if you have any questions!