A portfolio website i.e. arjunachandran.vercel.app built with Next.js and hosted with Vercel
- 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
git clone https://github.com/<YOUR USERNAME>/portfolio-website.git
- Go to the project directory
cd portfolio-website
- Install dependencies
yarn
- Start the server
npm run dev
-
To change the content, edit
src/lib/utils/portfolio.ts
-
To change the resume, change
/public/resume.pdf
with 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
- 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
- Website - arjunachandran.vercel.app
- Github - @arjunachandran
- LinkedIn - @arjunachandran
- 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!