https://github.com/poboisvert/portfolioreact
[React] This project is a boilerplate template, fetch the repositories from Github deploy using a Firebase CI/CD
https://github.com/poboisvert/portfolioreact
api boilerplate boilerplate-template firebase github linkedin-shield portfolio react
Last synced: 3 months ago
JSON representation
[React] This project is a boilerplate template, fetch the repositories from Github deploy using a Firebase CI/CD
- Host: GitHub
- URL: https://github.com/poboisvert/portfolioreact
- Owner: poboisvert
- Created: 2021-02-01T03:43:57.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-09-09T15:31:01.000Z (almost 5 years ago)
- Last Synced: 2025-07-31T03:44:27.179Z (11 months ago)
- Topics: api, boilerplate, boilerplate-template, firebase, github, linkedin-shield, portfolio, react
- Language: JavaScript
- Homepage: https://github.com/poboisvert/portfolio_react/raw/main/preview.png
- Size: 35.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![Issues][issues-shield]][issues-url]
Portfolio (articles and projects with REACT and Firebase)
## :hear_no_evil: About The Project
The goal of this project is to build a portfolio to present recent projects with Firebase and React. The minimalist and monochrome is the main idea for the UX design. This project explores API connection to a Github repository, Wrapper, Jumbotron and Redux to animate the dark mode.
### :airplane: Ressources
> Software: React 17, Docker, Kubernetes
## :rocket: Demo & Repository
Demo: https://portfolio-a541e.web.app/
Github: https://github.com/poboisvert/PortfolioReact
The Article: https://dev.to/poboisvert/the-lazy-github-portfolio-587k
## :vulcan_salute: What do I need to change?
> Change with you favorite URL in the top menu to fetch your repository
```
client/src/components/Header/Header.js
```
> Kindly adjust the file to your repository and projects to highlight.
```
client/src/api/GithubAPI.js
```
> Also edit the articles that you feel are important to share
```
client/src/components/Articles/FetchArticle.js
```
### :phone: Prerequisites
This is an example of how to list things you need to use the software and how to install them.
- npm
```sh
npm install npm@latest -g
```
### :floppy_disk: Installation
1. Clone the repo
```sh
git clone https://github.com/poboisvert/portfolio_react
```
2. Install NPM packages
```
cd client && npm install
```
3. Run Node
```
npm start
```
### :whale: Build a Docker image
> docker build -t pob944/portfolio .
> docker run -p 3001:3000 pob944/portfolio
> docker push pob944/portfolio
## Contact
[![LinkedIn][linkedin-shield]][linkedin-url]
[issues-shield]: https://img.shields.io/aur/last-modified/portfolio
[issues-url]: https://github.com/poboisvert/portfolio_app_react/issues
[license-shield]: https://img.shields.io/github/license/github_username/repo.svg?style=for-the-badge
[license-url]: https://github.com/github_username/repo/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/pierre-olivier-boisvert-a83b5796/
[product-screenshot]: preview.png