rp42dev / My-Portfolio

Portfolio project React

The live site link can be found Here

Introduction

An online representation of the work I have created provides a convenient way for potential clients to view my skills and services.

The website is build using primarily with React library combined with HTML5, CSS3, JavaScript.

UI

Functionality Requirements

• Website Navigation
  • Links for website template sections.
  • Responsive navigation
• Landing page
  • React library for building user interfaces.
  • Use of MUI for responsive design.
  • Use of Cool JavaScript dynamic Effects.
  • Social Media links to external resources.
• Contact form.
  • Javascript API form control or similar

Content Requirements

• NavBar
  • Navigation Links
  • Site brand name
• Landing Page
  • My name
  • What i Do
  • Short description
• About
  • Lond what i do
  • My Stack
  • Top priorities
• Portfolio
  • Image
  • Title
  • Description
• Contact
  • Contact Form
  • Social Links
• footer
  • Copyright
  • Social Links

Wireframes

• 

Design

Color Scheme

• Color scheme used through out the site coolors.co

Technologies and Frameworks

Languages Used

• HTML5 Hypertext Markup Language (HTML)
• CSS3 Cascading Style Sheets (CSS)
• JavaScript Interactive functionality.

Frameworks, Libraries & Programs Used

• React A JavaScript library for building user interfaces
• MUI: was used to style the website.
• Google Fonts: were used throughout the site.
• Git Git was used for version control.
• GitHub: used to store the projects code.

Deployment

$ npm install

Deploying on GitHub Pages

1. Clone Or [fork]{#Forking-the-Repository) repository first.
2. $ npm install
3. Change settings to package.jason
   • "homepage": "http://<github_user_name>.github.io/<github_repo_name>"
   • Add to "scripts"

        "scripts": {
        "start": "react-scripts start",
        "predeploy": "npm run build", //add this
        "deploy": "gh-pages -d build", //add this
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
        },

4. Now run the deploy script to deploy the project.
   • npm run deploy
5. Done

License

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