Skip to content

Latest commit

 

History

History
36 lines (26 loc) · 2.05 KB

README.md

File metadata and controls

36 lines (26 loc) · 2.05 KB

React Responsive Portfolio

Description

Personal portfolio using react components and pages to create a dynamic experince browsing the portfolio application.

Table of Contents

Installation

No installs or downloads needed. App runs in browser as is

Usage

This is a react application using a few different components the are passed into the main App.js to render a fully functional front end portfolio. The components included are a Navbar with a home and portfolio link. This component is passed directly to the App.js file so the navbar is displayed at all times throughout any part of the app.

A Header component passed to App.js and a Project.js component that passes props so it can be used and called in the Portfolio.js page component. The Portfolio page passes a the Project.js component for each project added to the portfolio page using props.

The About.js page returns a simple about me div with a profile photo. All of these pages and components are passed into the App.js where we use react-router-dom to control the navigation of the application. This allows the single page application to route to the necessary end point and display the proper pages when the navbar links are clicked. The portfolio is mobile friendly, using Bootstrap frameowrk for styling along with custom CSS styles.

react-responsive-portfolio (1)

Credits

Particles.js
Font Awesome hamburger icon
GitHub Pages Deployment

Deployed App

Lucah's Portfolio

Questions

Contact information for any questions about this application: