Portfolio Project

A responsive website that diplays my bio, experience, projects, skills, and contact information.

Features

• Mobile-first development: Built using a mobile-first design.
• Responsive layout: Web page layout adapts to different screen sizes.
• User-friendly Interface: Simple interface for easy navigation.
• Efficient layout: Professionally displays relevant information.

Technologies Used

• HTML: Core programming language
• CSS: Provides visual styling of the application
• Normalize: Renders all HTML elements more consistently and in line with modern standards
• Bootstrap: Provides visually stylized React components
• Live Server: Displays the application and reloads the web page when changes to the file occur

Screenshot

Getting Started

Prerequisites

• Node Package Manager (NPM)

Installation:

1. Clone the repository:

   git clone https://github.com/jlee55504/portfolio-web-page-project.git
   

2. Navigate to the project directory:

   cd portfolio-web-page-project
   

3. Build the project:

   npm install
   

4. Run the application:

   npm start
   

Usage

Upon running the application, you'll be presented with the options to:

1. Navigate to the "About Me" section
2. Navigate to the "Experience" section
3. Navigate to the "Projects" section
4. Navigate to the "Skills" section
5. Navigate to the "Contact" section

Click the appropriate link to see the desired information or scroll through the website.

Code Structure

• index.html: Main application entry point
• style.css: Handles the visual styling of the application
• images/: A folder containing all the images displayed in the application

Acknowledgments

• This project was built for the Chegg Skill's software engineering program
• This project gave me insight on how to use Bootstrap and classes in conjunjunction with properly nested HTML elements to quickly build professional, responsive websites