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

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

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

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

1. Fork this repository and clone the project

  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

Remember, Good PR makes you a Good contributor!

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

• 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

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

• 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

Give a ⭐️ if you liked this project!

Scroll to Top