/portfolio

My first portfolio

Primary LanguageJavaScript

Okoroafor Ozioma Software Engineer portfolio 👩‍💻 💥

A clean, beautiful and responsive portfolio template for myself!

Screenshot (328)

You can clone the repository to get your personal portfolio . Feel free to use it as-is or customize it as much as you want.

Components

⚡ contact ⚡ experience ⚡ footer ⚡ header ⚡ intro ⚡ portfolio ⚡ testimonial ⚡ topbar

Sections 😇

✔️ Summary about me
✔️ Skills
✔️ Resume
✔️ work experience
✔️ Big Projects
✔️ Achievements And Certifications 🏆
✔️ Contact me
✔️ Twitter Timeline
✔️ Github Profile
✔️ LinkedLn profile

To view the Live example click here

Project Walk flow 🚀

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. You'll need Git and Node.js (which comes with npm) installed on your computer.

node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher

How to use the project 🔧

  • Clone this repository
  • Go into the repository
  • Install dependencies
  • Start's development server

Deployment🌟

When you are done with the setup, you should host your website online. We highly recommend to read through the Deploying on Github Pages docs for React.

1. Install the gh-pages npm package

  • npm install gh-pages --save-dev

2. Add homepage to settings

  • Open the package.json file in your ide.
  • Add a homepage property in this format*: https://{username}.github.io/{repo-name}
{
    homepage": "https://ozifirebrand.github.io/portfolio/
 },

At this point, the React app's package.json file includes a property named homepage.

3. Add a predeploy property and a deploy property to the scripts object:

{
   "predeploy": "npm run build",
   "deploy": "gh-pages -d build",
},

At this point, the React app's package.json file includes deployment scripts.

4. Deploy the React app to GitHub Pages

npm run deploy

That will cause the predeploy and deploy scripts defined in package.json to run.

Under the hood, the predeploy script will build a distributable version of the React app and store it in a folder named build. Then, the deploy script will push the contents of that folder to a new commit on the gh-pages branch of the GitHub repository, creating that branch if it doesn't already exist.

That's it! The React app has been deployed to GitHub Pages! 🚀. At this point, the React app is accessible to anyone who visits the homepage URL.