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
To clone and run this application, you'll need Git and Node.js (which comes with yarn installed on your computer).
- 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- Go to the project directory
cd portfolio-website- Install dependencies
yarn- Start the server
yarn dev-
To change the content, edit
src/lib/content/ -
To change the resume, change
/public/resume.pdfwith your resume (name must beresume.pdf) -
To change the About Section, edit
src/containers/About.tsx -
To change the theme, edit
src/styles/globals.css
Join Our Discord: https://discord.gg/St2dHg9YwA
Remember, Good PR makes you a Good contributor!
- Run the project locally, refer how to use.
- 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!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent