My name is Brad Kelley. I have over 25-years of experience as a technology consultant and recently endeavored to become a full-stack software developer. Enclosed is my development portfolio, which I am continually updating with my latest projects. The app powering my portfolio uses React, a leading component-based UI package created by Facebook. The narrative below describes the technical elements of the app.
- Deployed Application URL: https://bkfleet1.github.io/portfolio/
- Project Repository URL: https://github.com/bkfleet1/portfolio
The following packages & libraries were used in the development of this project.
- @fortawesome/fontawesome-svg-core (version ^6.1.1)
- @fortawesome/free-regular-svg-icons (version ^6.1.1)
- @fortawesome/free-solid-svg-icons (version ^6.1.1)
- @fortawesome/react-fontawesome (version ^0.1.18)
- @testing-library/jest-dom (version ^5.12.0)
- @testing-library/react (version ^11.2.6)
- @testing-library/user-event (version ^12.8.3)
- react (version ^17.0.2)
- react-dom (version ^17.0.2)
- react-scripts (version ^5.0.0)
- web-vitals (version ^1.1.1)
- HTML5
- JavaScript
- CSS
The following steps are required to execute the Brad Kelley - Development Portfolio application.
- Clone the repository located at: https://github.com/bkfleet1/portfolio.
- Open the project in a terminal application, such as git bash, and install NPM and type npm install and press enter.
After the installation process, you are ready start the application server powered by React. Just open the project in a terminal application, such as git bash, and type "npm start" and press enter. The image below illustrates the initialization of the React server. After the server starts successfully, the application will automatically launch in your default web browser.
The application initially presents the user with the home page, which contains a header with site navigation, hero, about me, and footer section. The image below illustrates the application at launch.
The following image illustrates the site's header section, which contains a logo and site navigation.
Within the site's header section is its navigation component. The site default or home page is about. Other pages available include projects, contact, and resume. The application uses transparent, borderless buttons in the navigation styling. When a user clicks a button, the text for that page remains highlighted to inform the user of their current location. The following image illustrates the site's navigation functions described.
The site's footer section contains links to the developer's email, Github, LinkedIn, and Stack Exchange accounts. The following image illustrates the site's footer section.
As previously noted, the about me page is also the site's default page (home page). It contains a brief bio about the developer's career as illustrated in the image below.
The project page highlights six (6) projects from the developer's portfolio with brief descriptions of each and links to their respective Github code repository and deployment. The image below illustrates these features.
The contact page contains a form for site visitor's to submit a contact request that includes their name, email address, and a brief message. Also included is the developer's work location with a Google map. The image below illustrates these features.
The site's resume page provides links to the developer's email, Github, LinkedIn, and Stack Exchange accounts, as well as a feature to download the developer's resume in a .pdf format. Additionally, the page includes a brief profile of the developer's background, details about technical proficiencies, and employment history. The images below illustrate the page's resume download function and presentation of technical skills.
No formal testing is available.
Please email the develop with any questions.