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 (v20.18.0) (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

• [ ] Case Study Page
• [x] Migrate to Next 13
• [ ] Migrate icons from iconify to lucid-icons
• [ ] Improve nav-link hover animation
• [ ] 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