This is my - Vaibhav Kottari's Portfolio Website
https://kottarivaibhav.github.io/portfolio_website/
Check out this video for a quick overview of the project:
This is a personal portfolio website built using React. It showcases my projects, skills, and contact information.
- 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
- React | Vite
- React Router
- CSS | Tailwind
- Node.js
- npm
- Firebase
- GitHub Pages
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/portfolio-website.git
-
Navigate to the project directory:
cd portfolio-website
-
Install the dependencies:
npm install
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.
-
Create a Firebase project in the Firebase Console.
-
Add a web app to your Firebase project.
-
Copy the Firebase configuration and replace the placeholder in your project.
-
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
Contributions are welcome! If you have any suggestions or improvements, feel free to create an issue or submit a pull request.
You can reach me at:
Email: [email protected]
LinkedIn: Vaibhav Kottari
GitHub: Vaibhav Kottari