https://github.com/wonjong2/wonjong_portfolio_react
My portfolio web page built using React. It provides information about me, my portfolio and profile links for GitHub/LinkedIn/Facebook
https://github.com/wonjong2/wonjong_portfolio_react
bootstrap expressjs javascript nodejs portfolio react
Last synced: 2 months ago
JSON representation
My portfolio web page built using React. It provides information about me, my portfolio and profile links for GitHub/LinkedIn/Facebook
- Host: GitHub
- URL: https://github.com/wonjong2/wonjong_portfolio_react
- Owner: wonjong2
- Created: 2022-07-14T19:40:14.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-09-15T01:19:51.000Z (over 3 years ago)
- Last Synced: 2025-10-15T03:19:52.346Z (8 months ago)
- Topics: bootstrap, expressjs, javascript, nodejs, portfolio, react
- Language: JavaScript
- Homepage: https://wonjong2.github.io/wonjong_portfolio_react/
- Size: 7.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wonjong's Portfolio using React
[](https://opensource.org/licenses/MIT)
## Description
This Wonjong's portfolio is created by using `React`. This web page provides information about me, my portfolio, contact and my resume.
It will be developed and improved over and over.
- Use React to build UI components
- Use Bootstrap as a CSS framework
## Table of Contents
1. [Installation](#installation)
2. [Usage](#usage)
3. [License](#license)
4. [Contributing](#contributing)
5. [Test](#test)
6. [Questions](#questions)
## Installation
On the command prompt :
1. npm install
2. npm run start
## Usage
- WHEN I load the portfolio,
THEN I am presented with a page containing a header, a section for content, and a footer
- WHEN I view the header,
THEN I am presented with the developer's name and navigation with titles corresponding to different sections of the portfolio
- WHEN I view the navigation titles,
THEN I am presented with the titles About Me, Portfolio, Contact, and Resume, and the title corresponding to the current section is highlighted
- WHEN I click on a navigation title,
THEN I am presented with the corresponding section below the navigation without the page reloading and that title is highlighted
- WHEN I load the portfolio the first time,
THEN the About Me title and section are selected by default
- WHEN I am presented with the About Me section,
THEN I see a recent photo or avatar of the developer and a short bio about them
- WHEN I am presented with the Portfolio section,
THEN I see titled images of six of the developer’s applications with links to both the deployed applications and the corresponding GitHub repositories
- WHEN I am presented with the Contact section,
THEN I see a contact form with fields for a name, an email address, and a message
- WHEN I move my cursor out of one of the form fields without entering text,
THEN I receive a notification that this field is required
- WHEN I enter text into the email address field,
THEN I receive a notification if I have entered an invalid email address
- WHEN I am presented with the Resume section,
THEN I see a link to a downloadable resume and a list of the developer’s proficiencies
- WHEN I view the footer,
THEN I am presented with icon links to the developer’s GitHub, LinkedIn and Facebook profiles
- `Deployed URL : `
https://wonjong2.github.io/wonjong_portfolio_react/
## License
Copyright (c) 2022 `wonjong2` (GitHub Username) Licensed under [the MIT License](https://choosealicense.com/licenses/mit/).
## Contributing
All your inputs are valuable and I love them.
- Reporting a bug
- Submiiting a fix
- Proposing new features
## Test
N/A
## Questions
1. GitHub: https://github.com/wonjong2
2. If you have any questions, please reach out to wonjong2@gmail.com