Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/evenchange4/michaelhsu.tw

evenchange4.github.io/michaelhsu.tw 👉
https://github.com/evenchange4/michaelhsu.tw

create-react-app react styled-components

Last synced: 19 days ago
JSON representation

evenchange4.github.io/michaelhsu.tw 👉

Awesome Lists containing this project

README

        

# michaelhsu.tw

[![Travis][travis-badge]][travis]
[![Codecov Status][codecov-badge]][codecov]
[![Github Tag][githubtag-badge]][githubtag]

[![Dependency Status][dependency-badge]][dependency]
[![devDependency Status][devdependency-badge]][devdependency]
[![peerDependency Status][peerdependency-badge]][peerdependency]

[![prettier][prettier-badge]][prettier]
[![license][license-badge]][license]

## Requirements

* node >= 9.4.0
* yarn >= 1.3.2

## Technology Stacks

* [Create-React-App](https://github.com/facebookincubator/create-react-app): Create React apps with no build configuration.
* [React-snapshot](https://www.npmjs.com/package/react-snapshot): A zero-configuration static pre-renderer for React apps
* [Styled-components](https://github.com/styled-components/styled-components): Visual primitives for the component age 💅
* [React-progressive-bg-image](https://github.com/evenchange4/react-progressive-bg-image): Medium style progressive background image for React.
* Travis - CI
* Netlify - CD
* Codecov - Coverage report
* GA - [autotrack](https://github.com/googleanalytics/autotrack)
* React-media: A CSS media query component for React
* [Jest-styled-components](https://github.com/styled-components/jest-styled-components): Jest snapshot utilities for Styled Components
* Prettier, Eslint: Coding style
* [Micro-medium-api](https://github.com/evenchange4/micro-medium-api): Microservice for fetching the latest posts of Medium.
* [Apollo-fetch](https://github.com/apollographql/apollo-fetch): 🐶 Lightweight GraphQL client that supports middleware and afterware

## Development

```console
$ yarn install
$ yarn run start
$ yarn run build
```

## Deploy to GitHub pages

> Any git tags.

1. Update `CHANGELOG.md`
2. Create a new git tag

```console
$ npm version patch
```

## Test

```
$ yarn run format
$ yarn run eslint
$ yarn run test:watch
```

## PWA

* 2017.06.22

![](./docs/20170625pwa.png)

---

## Inspiration

* https://github.com/staltz/staltz.com

## CONTRIBUTING

* ⇄ Pull requests and ★ Stars are always welcome.
* For bugs and feature requests, please create an issue.
* Pull requests must be accompanied by passing automated tests (`$ yarn run test`).

## [CHANGELOG](CHANGELOG.md)

## [LICENSE](LICENSE)

MIT: [http://michaelhsu.mit-license.org](http://michaelhsu.mit-license.org)

[travis-badge]: https://img.shields.io/travis/evenchange4/michaelhsu.tw/master.svg?style=flat-square
[travis]: https://travis-ci.org/evenchange4/michaelhsu.tw
[codecov-badge]: https://img.shields.io/codecov/c/github/evenchange4/michaelhsu.tw.svg?style=flat-square
[codecov]: https://codecov.io/github/evenchange4/michaelhsu.tw?branch=master
[dependency-badge]: https://david-dm.org/evenchange4/michaelhsu.tw.svg?style=flat-square
[dependency]: https://david-dm.org/evenchange4/michaelhsu.tw
[devdependency-badge]: https://david-dm.org/evenchange4/michaelhsu.tw/dev-status.svg?style=flat-square
[devdependency]: https://david-dm.org/evenchange4/michaelhsu.tw#info=devDependencies
[peerdependency-badge]: https://david-dm.org/evenchange4/michaelhsu.tw/peer-status.svg?style=flat-square
[peerdependency]: https://david-dm.org/evenchange4/michaelhsu.tw#info=peerDependencies
[githubtag-badge]: https://img.shields.io/github/tag/evenchange4/michaelhsu.tw.svg?style=flat-square
[githubtag]: ./CHANGELOG.md
[license-badge]: https://img.shields.io/github/license/evenchange4/michaelhsu.tw.svg?style=flat-square
[license]: http://michaelhsu.mit-license.org/
[prettier-badge]: https://img.shields.io/badge/styled_with-prettier-ff69b4.svg
[prettier]: https://github.com/prettier/prettier