/portfolio

Primary LanguageJavaScriptMIT LicenseMIT


Portfolio

A Modern, Dynamic React Portfolio

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Contributing
  4. License
  5. Contact

About The Project

This portfolio was orignally crafted by Mehdi Bha. My contributions in this project includes:

  1. Making this portfolio dynamic
  2. Adding Portal to manage dynamic content
  3. Adding Education section
  4. Adding Certification section
  5. Adding Skillset section
  6. Redefined listing of Projects & Certificates
First version of this project can be found at this link. Its code is also available at this repository.

Forking this project

If someone wants to use this code on his own website, the answer is YES BUT please with credits ! We've spent a non-trivial amount of effort building and designing this iteration of this website, and we're proud of it!

Screenshots

Home Section

Home section


Redefined Project Section

Projects Section


Paginated Projects Listing

Projects listing


Know More Section

Know More section


Portfolio Portal

portal

Data in Firebase

firebase

Built With

Getting Started

If you want to clone the project and make your personal portfolio, follow these steps to setup the project.

Installation

  1. Use Node version 14.21.3

  2. Clone the repo

    git clone https://github.com/your_username_/Project-Name.git

  3. Install NPM packages

    npm install

  4. You may also need to set these Environment Variables

    REACT_APP_FIREBASE_API_KEY = ""
REACT_APP_FIREBASE_AUTH_DOMAIN = ""
REACT_APP_FIREBASE_PROJECT_ID = ""
REACT_APP_FIREBASE_STORAGE_BUCKET = ""
REACT_APP_FIREBASE_MESSAGING_SENDER_ID = ""
REACT_APP_FIREBASE_APP_ID = ""
REACT_APP_FIREBASE_MEASUREMENT_ID = ""
REACT_APP_EMAILJS_PUBLIC_KEY = ""
REACT_APP_EMAILJS_SERVICE_ID = ""
REACT_APP_EMAILJS_TEMPLATE_ID = ""

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

M. Shahzaib Minhas - linkedIn - mshahzaib1629@gmail.com
Mehdi Ben Hadj Ali - linkedIn - mehdibenhadjali@gmail.com