My Portfolio Site

Welcome to my portfolio site repository! This project showcases my skills and projects as a web developer. The site is built using React for the frontend, Node.js for the backend, and Tailwind CSS for styling. It also includes dynamic animations and effects powered by Vanta.js.

Table of Contents

• Demo
• Features
• Installation
• Usage
• Technologies Used
• Project Structure

Demo

Check out the live demo of the portfolio site here

Features

• Responsive design
• Interactive Vanta.js background animations
• Sections for About Me, Projects, Skills, Resume and Contact
• Contact form that opens the user's email client
• Social media links (GitHub, LinkedIn, Instagram)

Installation

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

Prerequisites

• Node.js and npm installed on your machine. You can download them from Node.js.

Steps

1. Clone the repository:

   https://github.com/krishna7054/Portfolio.git

2. Navigate to the project directory:

   cd Portfolio

3. Install the dependencies:

   npm install

4. Start the development server:

   npm run dev

Usage

Once the development server is running, you can access the site at http://localhost:3000 in your web browser.

Technologies Used

• Frontend:
  • React
  • Tailwind CSS
  • Vanta.js for background animations
• Backend:
  • Node.js

Project Structure

Here is a brief overview of the project structure:

your-repo-name/
├── public/
│   ├── index.html
│   └── ...
├── src/
│   ├── components/
│   │   ├── About.js
│   │   ├── Contact.js
│   │   ├── Projects.js
|   |   ├── Loader.js
│   │   ├── Skills.js
│   │   ├── VantaBackground.js
|   |   ├── ProjectCard.js
|   |   ├── Typewriter.js
|   |   ├── Navbar.js
│   ├── pages/
|   |   ├── Home.js  
│   ├── App.js
│   ├── index.js
│   └── ...
├── .gitignore
├── package.json
├── README.md
└── ...