manojadams / my-portfolio

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

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/utils/portfolio.ts

• 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

Continuous Development

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

Contact

• Website - vatsalsinghkv.vercel.app
• Github - @vatsalsinghkv
• LinkedIn - @vatsalsinghkv
• Twitter - @vatsalsinghkv
• Instagram - @vatsalsinghkv
• Facebook - @vatsalsinghkv
• devChallenges - @vatsalsinghkv
• Frontend Mentor - @vatsalsinghkv

Acknowledgements

• https://developer-portfolio-1hanzla100.vercel.app/ - Design Inspiration
• https://brittanychiang.com/ - Design Inspiration

Show Your Support

Give a ⭐️ if you liked this project!