My Personal Portfolio Website

Welcome to my personal portfolio website! This project showcases my skills, projects, and experiences as a web developer. It's built using React and includes features such as responsive design, email integration, and more.

Live Preview Click Me 👇

Table of Contents

• Introduction
• Features
• Getting Started
• Prerequisites
• Installation
• Configuration
• Usage
• Contributing
• License

Introduction

This personal portfolio website serves as an online showcase of my work, skills, and achievements in the field of web development. It provides an interactive and user-friendly interface for visitors to learn more about me and my projects.

Features

• Responsive Design: The website is designed to be responsive and adaptable to various screen sizes, ensuring a consistent user experience across devices.
• Project Showcase: Showcase your projects, skills, and achievements with detailed descriptions and visuals.
• Email Integration: Allow visitors to easily contact you through the website using a contact form.
• Route Navigation: Implement smooth navigation between different sections of the website using React Router.
• Error Handling: Handle route errors and provide a user-friendly experience using custom error handling.

Getting Started

Prerequisites

Before you begin, ensure you have the following software installed:

• Node.js (v14 or higher)
• npm (comes with Node.js)

Installation

1. Clone this repository to your local machine:

   git clone https://github.com/PankajBaliyan/CodeX-Portfolio.git

2. Navigate to the project directory:

   cd CodeX-Portfolio

3. Install the project dependencies:

   npm install

Configuration

1. Rename the .env.example file to .env and update the following variables with your EmailJS credentials:

   REACT_APP_SERVICE_ID=your-service-id
   REACT_APP_TEMPLATE_ID=your-template-id
   REACT_APP_USER_ID=your-user-id
   

2. Customize the content, projects, and sections of the website in the respective components.

Usage

To start the development server and view your website, run:

npm start

This will launch the website in your default web browser. As you make changes to the code, the website will automatically update in the browser.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and test them thoroughly.
4. Commit your changes and push them to your fork.
5. Submit a pull request to the main repository.

License

This project is licensed under the MIT License.

Preview