https://github.com/shivam-kumar-59/portfolio
This is a responsive portfolio website I built using Next.js, styled with Tailwind CSS, and animated with Framer Motion. It showcases my skills, projects, and experience as a web developer. The site is deployed on Vercel for fast performance and smooth user experience.
https://github.com/shivam-kumar-59/portfolio
backend frontend nextjs portfolio-website vercel-deployment webdevelopment
Last synced: 6 months ago
JSON representation
This is a responsive portfolio website I built using Next.js, styled with Tailwind CSS, and animated with Framer Motion. It showcases my skills, projects, and experience as a web developer. The site is deployed on Vercel for fast performance and smooth user experience.
- Host: GitHub
- URL: https://github.com/shivam-kumar-59/portfolio
- Owner: SHIVAM-KUMAR-59
- Created: 2024-10-17T10:34:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-11T21:18:29.000Z (over 1 year ago)
- Last Synced: 2025-03-11T22:25:01.283Z (over 1 year ago)
- Topics: backend, frontend, nextjs, portfolio-website, vercel-deployment, webdevelopment
- Language: JavaScript
- Homepage: https://portfolio-shivam-nine.vercel.app
- Size: 9.95 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Portfolio Website
This is a **responsive portfolio website** I built using **Next.js**, styled with **Tailwind CSS**, and animated with **Framer Motion**. It showcases my skills, projects, and experience as a web developer. The site is deployed on **Vercel** for fast performance and smooth user experience.
## Features
- **Responsive Design**: The website adapts beautifully to various screen sizes.
- **Framer Motion Animations**: Smooth and modern animations to enhance user experience.
- **Dynamic Content**: Integrated email service to allow visitors to contact me directly.
- **Vercel Deployment**: Deployed on Vercel for excellent performance and scalability.
## Packages Used
### Dependencies
- **[Next.js](https://nextjs.org/)**: Framework for React with built-in features like SSR, routing, and more.
- **[React](https://reactjs.org/)**: JavaScript library for building user interfaces.
- **[Framer Motion](https://www.framer.com/motion/)**: A powerful animation library for React.
- **[Tailwind CSS](https://tailwindcss.com/)**: Utility-first CSS framework for custom styling.
- **[EmailJS](https://www.emailjs.com/)**: Service to send emails directly from the client side.
- **[Lucide Icons](https://lucide.dev/)**: Beautiful and customizable React icons.
- **[React Icons](https://react-icons.github.io/react-icons/)**: Popular icons as React components.
### Dev Dependencies
- **[ESLint](https://eslint.org/)**: A linting tool to maintain code quality and consistency.
- **[Tailwind CSS](https://tailwindcss.com/)**: Integrated for seamless styling using utility classes.
- **[PostCSS](https://postcss.org/)**: A tool to transform CSS with JavaScript.
- **[Next.js ESLint Config](https://nextjs.org/docs/basic-features/eslint)**: Next.js specific ESLint rules.
## Getting Started
### Prerequisites
- **Node.js**: Make sure you have Node.js installed on your system. You can download it [here](https://nodejs.org/).
### Installation
1. Clone this repository:
```bash
git clone https://github.com/your-username/portfolio.git
cd portfolio
```
2. Install Dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Open your web browser and navigate to [http://localhost:3000](http://localhost:3000) to view the website.
### Linting
To check and fix code formatting issues, run:
```bash
npm run lint
```
## Contributions ✨
This repository is intended for personal learning, but if you find any issues or have suggestions for improvement, feel free to open an issue or submit a pull request!
1. Fork the repository.
2. Create a new branch for your feature:
```bash
git checkout -b feature/YourFeature
```
3. Commit your changes:
```bash
git commit -m 'Add some feature'
```
4. Push to the branch:
```bash
git push origin feature/YourFeature
```
5. Open a pull request, and I'll review your contribution!
## Acknowledgments 👏
A huge thank you to the NextJs community and various online resources that have been invaluable in my learning journey!