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

https://github.com/sammyrobensparadise/website

Sammy Robens-Paradise Website built with react.js and hosted on firebase
https://github.com/sammyrobensparadise/website

accessibility design dribbble eunoia firebase firebase-hosting flat github javascript material-design material-ui npmjs portfolio react react-router-dom sammy styled-components webpage website

Last synced: about 1 month ago
JSON representation

Sammy Robens-Paradise Website built with react.js and hosted on firebase

Awesome Lists containing this project

README

          

# website

## Sammy Robens-Paradise's Website

![Sammy Biking](https://i.ibb.co/WkN8RtC/sammy-illustraions-logo.png)

## Status

![Website](https://img.shields.io/website?down_color=red&down_message=offline&style=for-the-badge&up_message=online&url=https%3A%2F%2Fwebsite-2020-host.web.app%2F)

![GitHub Workflow Status](https://img.shields.io/github/workflow/status/SammyRobensParadise/website/Build%20and%20Deploy?style=for-the-badge)

![GitHub repo size](https://img.shields.io/github/repo-size/SammyRobensParadise/website?style=for-the-badge)

![GitHub issues](https://img.shields.io/github/issues/SammyRobensParadise/website?style=for-the-badge)

### [Dev Site](https://website-2020-host.web.app/)

## About

This website is designed to showcase my work and is an outlet for my design and development work as well as a place to share my work experience. \
The entire website is built by me using `react.js` and uses `eunoia`, an open source react component library designed by me and available via `npm` at [npmjs.com/eunoia](https://www.npmjs.com/package/eunoia). It also uses `github-contributions-counter` a tool built by me allowing uses to get their Github contributions history. This is also available via `npm` at [npmjs.com/github-contributions-counter](https://www.npmjs.com/package/github-contributions-counter). The website follows material-design trends and rules and uses `react-router` to manage webpage state. The website is hosted on `firebase` and the deployment pipeline is setup using `github-actions`. Any merge or push to `master` will trigger a remote build and deploy to firebase-hosting. This webpage is client-side rendered using traditional `react-render-dom` methods.

## Getting started

Good news! You can run my website locally if you have NPM and `node.js` installed!

1. clone

```bash
git clone https://github.com/SammyRobensParadise/website.git
```

2. install

```bash
cd website && npm install
```

3. run

```bash
npm start
```

will start a local development server at `http://localhost:3000/`

## Dependencies

```json

"@loadable/component": "^5.12.0",
"@material-ui/core": "^4.9.12",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1",
"eunoia": "^0.1.81",
"github-contributions-counter": "^1.1.2",
"react": "^16.13.1",
"react-cookie": "^4.0.3",
"react-dom": "^16.13.1",
"react-lazy-load-image-component": "^1.4.3",
"react-lazyload": "^2.6.7",
"react-redux": "^7.2.0",
"react-router": "^5.1.2",
"react-router-dom": "^5.1.2",
"react-scripts": "3.4.1",
"react-scroll": "^1.7.16",
"styled-components": "^5.1.0"

```

## Contact

### Github: [github.com/SammyRobensParadise](https://github.com/SammyRobensParadise)

### Email: [srobensparadise@gmail.com](mailto:srobensparadise@gmail.com)

### Website: [sammy.world](https://sammy.world)

### Dribbble: [dribbble.com/sammyrp](https://dribbble.com/sammyrp)




![education](https://i.ibb.co/8gKFvJx/education-logo.png)