Amarjit-Khan/personal-portfolio

The only developer portfolio template you'll ever need with modern UI/UX.

Personal Portfolio

Deployed link: https://parthmittal.netlify.app/

Table of Contents 📁

1. Tech Stack
2. Implemented Sections
3. Use as a theme
4. Contributing
5. Installation Guide
6. References & Inspirations
7. Illustrations

Tech Stack 🧰

Frameworks

• ReactJS
• Tailwind CSS

Libraries/Tools

• ViteJS
• React Icons
• Framer
• React Lottie
• Meraki UI

Implemented Sections ☑️

• Hero Section
• Skills & Experience
• Education
• Projects
• Open Source
• Extra Curricular
• Contact Me

Using as a theme ✨

Code changes

Three main things have to be changed to customize it your way (please open an issue if you find more such instances):

1. Personal Information

• /src/constants/index.js contains all the personal information one needs to change. Each website section is written as a JavaScript object and is pretty intuitive to change.

• Icons

  • Whenever you want to use an icon, you'll have to make sure that the icon is imported.
  • Head to https://react-icons.github.io/react-icons/search and search for the desired icon. (Eg: SiReact for ReactJS)
  • Note the package it belongs to (Eg: 'Si' here)
  • Import the icon into /src/constants/index.js . (Eg: import { ... SiReact, } from "react-icons/si"; here)

2. Website title and icon

• Go to index.html and change the title to your name.
• Also, change the link to the title icon.

3. Assets

• Add any assets (images) to the assets folder.
• Import the asset and export it using the /src/assets/index.js file.

Deployment

You can use Netlify to deploy your site. Follow the instructions in their docs to do so.

Contributing 🏆

We welcome contributions in the form of pull requests, issues and documentation. Feel free to help us in any way! ❤️

Please read and abide by our Code of Conduct; our community aspires to be a respectful place both during online and in-person interactions.

Installation Guide 🧑‍💻

Using Git and Github

• Fork the repo
• Clone the forked repository
• Enter the new portfolio directory with cd portfolio
• Set the upstream remote to the original repository url so that git knows where to fetch updates from in future: git remote add upstream https://github.com/mittal-parth/personal-portfolio.git

Install required packages

• npm install

Run server

• npm run dev

If you found this repo helpful in anyway, considering giving it a star - it would mean the world to me! 🌟

References & Inspirations 👏

• JavaScript Mastery
• Developerfolio
• MasterPortfolio

Illustrations 🖼️

• Coding Lottie by Yamesh Sai Balaji
• Quiz Mode Lottie by SenecaDan