Portfolio Website

This is my - Vaibhav Kottari's Portfolio Website
https://kottarivaibhav.github.io/portfolio_website/

Video Overview

Check out this video for a quick overview of the project:

Table of Contents

• Introduction
• Features
• Technologies Used
• Installation
• Usage
• Firebase Setup
• Contributing
• Contact

Introduction

This is a personal portfolio website built using React. It showcases my projects, skills, and contact information.

Features

• Home page with an introduction
• About page with details about me
• Projects page showcasing my work
• Contact page with a form to reach out to me
• Responsive design

Technologies Used

• React | Vite
• React Router
• CSS | Tailwind
• Node.js
• npm
• Firebase
• GitHub Pages

Installation

To run this project locally, follow these steps:

1. Clone the repository:

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

2. Navigate to the project directory:

   cd portfolio-website

3. Install the dependencies:

   npm install

Usage

To start the development server, run:

npm start

This will start the app and open it in your default web browser. The app will reload automatically if you make changes to the code.

To build the project for production, run:

npm run build

This will create an optimized production build in the build folder.

Firebase Setup

1. Create a Firebase project in the Firebase Console.

2. Add a web app to your Firebase project.

3. Copy the Firebase configuration and replace the placeholder in your project.

4. Create a .env file in the root of your project and add your Firebase configuration:

REACT_APP_FIREBASE_API_KEY=your-api-key
REACT_APP_FIREBASE_AUTH_DOMAIN=your-auth-domain
REACT_APP_FIREBASE_PROJECT_ID=your-project-id
REACT_APP_FIREBASE_STORAGE_BUCKET=your-storage-bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
REACT_APP_FIREBASE_APP_ID=your-app-id

Contributing

Contributions are welcome! If you have any suggestions or improvements, feel free to create an issue or submit a pull request.

Contact

You can reach me at:

Email: [email protected]

LinkedIn: Vaibhav Kottari

GitHub: Vaibhav Kottari