Portfolio App

This is a portfolio app using React JS Framework. It's my first try making a new project using React.

Features

Following are some of the new features and learning encountered while creating this amazing project:

• The usage of article and small tags have been encouraged in the making of this project. The ideology behind these two tags have been understood and implemented keenly.
• A new CSS Property height: fit-content; to manage the height of the content on the basis of the content inside the element tag.
• Generating new cards and inserting data dynamically in REACT.
• We can send message directly to the WhatsApp by simply clicking on the button and then start our conversation. We just need to remember the following code

 <a href="https://api.whatsapp.com/send?phone=03171315622" target="_blank">Let's Chat</a>

• Sending email through form to our Gmail using EmailJS library
  
  

Resources

Follwing resources have been used in maintaining this project:

• React Icons library has been used to import the icons used in this project
• EmailJS to connect our form with our gmail to receive all the emails there.
  
  

Demo

The Demo of this working portfolio can be found on
rebrand.ly/ReactPortfolioBlue_MABCORP

Link To Video

GUI

Technology Stack

Follwing technologies have been used at the core of this application to make it stand in the market place:

• HTML
• CSS
• REACT Framework
• WhatsApp API
  
  

Advancement

A testimonial section can be added with the SwiperJS library embedded in it

Deployment Details

The website is deployed using the free hosting provided by **Vercel**

Later on the link was customized using the well known url shortner and customizer **Rebrandly**:

Developer

Muhammad Abdullah Butt
abdullahbutt12292210@gmail.com

Instagram
FaceBook
YouTube
Portfolio
Website

Project Initialization

Following steps should be considered while running this app. Firstly, before following these steps make sure that you have nodejs installed on your system or else you can simply install that from the original NodeJS Website.

Creating the App

For creating the app first you have to head to the directory at which the project is to be created and then open the command prompt into that directory. then type the following command for creating a new project

npx create-react-app app_name

Running the App

In order to run the app, we again have to head into the app's directory and then type the following command in the terminal.

npm run