vatsalsinghkv/portfolio-website

Personal portfolio website, build with NextJs, TypeScript & Tailwindcss

vatsalsinghkv.vercel.app

A portfolio website i.e. vatsalsinghkv.vercel.app built with Next.js and hosted with Vercel

Table of Contents

• Sections
• Built With
• How to use
• Contributing
• Continuous Development
• Contact
• Acknowledgements
• Show Your Support

Sections

• Hero
• About
• Skills
• Experience
• Projects
• Contact

Built With

• Next.js
• TypeScript
• TailwindCSS
• Framer Motion - For animations
• Iconify - For icons
• Lottie Files - For illustrations

How to use

To clone and run this application, you'll need Git and Node.js (which comes with yarn installed on your computer).

1. Fork this repository and clone the project

Please give me proper credit by linking back to vatsalsinghkv.vercel.app.

  git clone https://github.com/<YOUR USERNAME>/portfolio-website.git

2. Go to the project directory

  cd portfolio-website

3. Install dependencies

  yarn

4. Start the server

  yarn dev

• To change the content, edit src/lib/content/

• To change the resume, change /public/resume.pdf with your resume (name must be resume.pdf)

• To change the About Section, edit src/containers/About.tsx

• To change the theme, edit src/styles/globals.css

Contributing

Join Our Discord: https://discord.gg/St2dHg9YwA

Remember, Good PR makes you a Good contributor!

1. Run the project locally, refer how to use.
2. Follow Contributing Guidelines.

Continuous Development

• Migrate to Next 13
• Find alternative for framer motion
• Add Content Management System (CMS)
• Add test cases
• Separate route (archive) for all the projects with filters

Contact

• Discord - https://discord.gg/St2dHg9YwA
• Website - vatsalsinghkv.vercel.app
• Github - @vatsalsinghkv
• LinkedIn - @vatsalsinghkv
• Twitter - @vatsalsinghkv
• Instagram - @vatsalsinghkv
• Facebook - @vatsalsinghkv

Acknowledgements

• https://developer-portfolio-1hanzla100.vercel.app/ - Design Inspiration
• https://brittanychiang.com/ - Design Inspiration
• https://dev.to/andrewchmr/awesome-animated-cursor-with-react-hooks-5ec3 - Cursor Animation Inspiration

Show Your Support

Give a ⭐️ if you liked this project!

Scroll to Top