An open API service indexing awesome lists of open source software.

https://github.com/drkittendorf/portfolio

Dale's React Portfolio
https://github.com/drkittendorf/portfolio

dale-portfolio react react-carousel reactjs

Last synced: 11 months ago
JSON representation

Dale's React Portfolio

Awesome Lists containing this project

README

          

# DALE'S REACT PORTFOLIO

### TABLE OF CONTENTS

- [CONTRIBUTORS](#CONTRIBUTORS)
- [DESCRIPTION](#DESCRIPTION)
- [REFERENCE LINKS](#REFERENCE-LINKS)
- [Dale's React Portfolio Application :: Live Link](https://drkittendorf.github.io/portfolio/)
- [Dale's React Portfolio Application :: GitHub Repo](https://github.com/drkittendorf/portfolio)
- [LANGUAGES AND TOOLS](#LANGUAGES-AND-TOOLS)
- [CORE PROJECT TECHNOLOGIES](#CORE-PROJECT-TECHNOLOGIES)
- [CORE NODE DEPENDENCIES](#CORE-NODE-DEPENDENCIES)
- [FUTURE DEVELOPMENT](#FUTURE-DEVELOPMENT)
- [LICENSING](#LICENSING)
- [SCREENSHOTS](#SCREENSHOTS-AND-VIDEO)
- [NOTES](#CSS)

---
## CONTRIBUTORS
Dale Kittendorf


---

## DESCRIPTION

This react website **showcases** a responsive portfolio, with information **about Dale**, including his **work** and **contact info**.


---

## REFERENCE LINKS

Link to **Dale's Portfolio** deployed on GitHub Pages - [Application Live Link](https://drkittendorf.github.io/portfolio/)

Link to **GitHub Repo** used for application development - [Application GitHub Repo](https://github.com/drkittendorf/portfolio)


---

## LANGUAGES AND TOOLS:
Visual Studio Code
HTML5
CSS3
JavaScript
React
Node.js
GitHub




---

### CORE PROJECT TECHNOLOGIES

Here is a list of all the core technologies used to develop this application.

- `React.js - A JavaScript library for building user interfaces`
- `Node.js - An asynchronous event-driven JavaScript runtime`

### CORE NODE DEPENDENCIES

The dependencies listed below are all the core NPM packages used throughout the project.

- `react-dom` - This package serves as the entry point to the DOM and server renderers for React.
- `react-bootstrap` - Bootstrap 4 components built with React.
- `react-bootstrap-carousel`
- `gh-pages`- GitHub Pages is a static site hosting service that takes HTML, CSS, and JavaScript files straight from a repository on GitHub.


---

## FUTURE DEVELOPMENT

For `future` development, I would like to incorporate the following `enhancements` into my portfolio:

- Fix Github and MongoDb logos on portfolio
- Add project summary under title
- Enhance the portfolio platform by adding more content and continuing to revise projects
- Replace Media Queries with higher order components
- Refine CSS - reuse/ reorganize
- Add Screenshots and videos to ReadMe
- Add Modal for resume display prior to opening in new window
- Create 'type.css' for single place to manage links + fonts
- Turn portfolio into a database

---

## LICENSING
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

The code in this project is licensed under MIT license.

---

## SCREENSHOTS AND VIDEO

- ### SCREENSHOT(S)
(TBD)


- ### VIDEO
(TBD)

---

- ### CSS

- portfolio.css applies only to portfolio page
- style.css used generally throughout pages
- Footer, Header, and Navbar all have their own CSS
-