shivamshahi07 / portfolio

My personal Portfolio Website

SHIVAM SHAHI's PORTFOLIO

Here is the Source Code for my personal portfolio website, built with Next.JS , TypeScript and Tailwind . This Project is a constant work in progress, if you find any bugs or issues in the website, be sure to create issues and open pull requests. Feel Free to Fork this Project and adapt the website according to your needs. Credit is appreciated.

Features of Project

1. Responsive Design

   The website is designed to be fully responsive and compatible with various devices and screen sizes.

2. Project Showcase

   Browse through the projects I've worked on, with detailed information about each project.

3. Contact Form

   Reach out to me directly via the contact form provided on the website.

4. About Me Section

   Learn More about me and my hobbies

Getting this project up and running

1. Fork or Clone

   Fork or clone this project from Github to get your copy of it.

2. Installation

   This project uses the pnpm package manager. To get started, follow the Getting Started Guide

   Once this is installed you can run npm install in your project directory to install dependencies.

   cd Portfolio/
   npm run dev

3. Start developing.

   Navigate into your new site’s directory and start it up.

   npm dev

4. Open the source code and start editing!

   Your site is now running at http://localhost:3000!

   Open the Portfolio directory in your code editor of choice and edit src/app/(user)/page.tsx. Save your changes and the browser will update in real time!

Next.js

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Third-Party Services used

Resend email

I have used the Resend Email web service to add the emailing functionality in the Contact Me section of the Website. This service enables me to receive emails from potential employers and other site visitors to contact me easily. Get API key Visit the Resend Email website here : Resend Website and generate an API key as shown

---

Environment Variables

RESEND_API_KEY=<YOUR API KEY>

To setup the Resend API, make an .env file in the portfolio directory and paste the above code in there and replace YOUR API KEY with the api key you generated at the resend website.