Vishal Kumar's Portfolio

Welcome to my portfolio website! This project showcases my skills and projects in web development. The website is built using React and includes various sections such as Home, About, Skills, Projects and Connect.

• Deployed Link: https://portfoliovishal-vishal-kumar-s-projects.vercel.app/

Table of Contents

• Features
• Images
• Getting Started
• Usage
• Technologies Used
• Project Structure
• Contributing
• License

Features

Home

• A welcoming introduction to my portfolio website.

About

• A brief description of who I am, my background,and my skills.

Skills

• A section listing the technical skills and tools I am proficient in.

Projects

• Showcases various projects I have worked on.
• Each project has a brief description, duration, and a button for more details.
• Includes a link to view the source code on GitHub.

Connect

• A contact form for visitors to get in touch with me.
• Validates email, subject, and message fields.

Footer

• Links to my social media profiles: LinkedIn, GitHub, Twitter, and Instagram.

Images

No Images Go to Website.

Getting Started

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

Prerequisites

• npm

Installation

1. Clone the repo

   git clone https://github.com/vishalverma9572/portfolio.git

2. Install NPM packages

   npm install

3. Create a .env file in the root directory and add your environment variables:

   REACT_APP_PDF_DOWNLOAD_LINK=resume_link
   REACT_APP_EMAIL_SERVICE_ID=service_id
   REACT_APP_TEMPLATE_ID=template_id
   REACT_APP_PUBLIC_KEY=public_key
   REACT_APP_PRIVATE_KEY=private_key
   

4. Start the development server

   npm start

Usage

This website is designed to showcase my skills, projects, and professional background. It allows potential employers or clients to get in touch with me through the contact form.

Technologies Used

• React
• CSS
• EmailJS for sending emails from the contact form
• React Icons for social media links

Project Structure

portfolio/
├── node_modules/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── About.js
│   │   ├── Contact.js
│   │   ├── Footer.js
│   │   ├── Home.js
│   │   ├── Modal.js
│   │   ├── Projects.js
│   │   ├── Skills.js
│   │   └── AnimatedSection.js
│   ├── App.css
│   ├── App.js
│   ├── index.css
│   ├── index.js
│   └── ...
├── .env
├── .gitignore
├── package-lock.json
├── package.json
└── README.md

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Vishal Kumar - @LinkedIn - [email protected]

Project Link: https://github.com/vishalverma9572/portfolio

Deployed Link: https://portfoliovishal-vishal-kumar-s-projects.vercel.app/