https://github.com/varundhand/portfolio-website

This is my portfolio website built using Next.js and Tailwind CSS. It serves as a showcase of my skills, projects, and provides a platform to contact me. The website features smooth animations powered by Framer Motion, a dark mode option, and a responsive design.
https://github.com/varundhand/portfolio-website

framer-motion lodash nextjs reactjs tailwindcss

Last synced: about 1 month ago
JSON representation

This is my portfolio website built using Next.js and Tailwind CSS. It serves as a showcase of my skills, projects, and provides a platform to contact me. The website features smooth animations powered by Framer Motion, a dark mode option, and a responsive design.

• Host: GitHub
• URL: https://github.com/varundhand/portfolio-website
• Owner: varundhand
• Created: 2023-05-29T09:27:19.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-04-10T09:52:48.000Z (10 months ago)
• Last Synced: 2024-04-17T05:31:34.360Z (10 months ago)
• Topics: framer-motion, lodash, nextjs, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://varundhand.netlify.app/
• Size: 28.5 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Portfolio Website

## Description

This is my personal portfolio website showcasing my projects & skills. It is built using Next.js(I know Next is overkill for a simple portfolio but who cares lol) and Tailwind CSS.

## Demo

Check out the live demo of the portfolio website [here](https://varundhand.netlify.app/).

## Installation

1. Clone the repository: `git clone `

2. Navigate to the project directory: `cd portfolio-website`

3. Install the dependencies: `npm install`

## Usage

1. Start the development server: `npm run dev`

2. Open your browser and visit: `http://localhost:3000`

## Screenshots

![Screenshot 2023-06-18 013958](https://github.com/varundhand/portfolio-website/assets/110025628/dd09e215-1285-4ec3-ac58-d75726bfab4e)

![Screenshot 2023-06-18 014423](https://github.com/varundhand/portfolio-website/assets/110025628/e833c7fb-f115-4db7-bb53-8965ad84124e)

## Features

- Animations using Framer Motion to provide an interactive and engaging user experience.

- Dark mode support for better readability in low-light environments.

- Responsive design ensures that the website looks great on different devices and screen sizes.

- Form submission functionality for users to contact you directly from the website.

- Well-designed user interface to showcase your projects, skills, and information effectively.

## Technologies Used

- Next.js: A React framework for building server-side rendered and static websites.

- Tailwind CSS: A highly customizable CSS framework for building modern and responsive user interfaces.

- Framer Motion: A library for creating animations in React applications.

- Lodash: A JavaScript utility library that provides helpful functions for manipulating and working with data.

## Contact Information

If you have any questions or feedback, feel free to reach out to me:

- Email: [email protected]

- LinkedIn: https://www.linkedin.com/in/varundhand/