imharisaa/portfolio

harisabdullahansari.permamotive.com

A portfolio website i.e. harisabdullahansari.permamotive.com 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 (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 harisabdullahansari.permamotive.com.

  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

Continuous Development

• 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

Contact

• Website - harisabdullahansari.permamotive.com
• Github - @harisabdullahansari
• LinkedIn - @harisabdullahansari

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

<!-- // "dev": "next dev",
// "build": "next build",
// "start": "next start", -->