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

https://github.com/max-im/repo-list

App displays list of a GitHub user repos
https://github.com/max-im/repo-list

react redux

Last synced: 2 months ago
JSON representation

App displays list of a GitHub user repos

Awesome Lists containing this project

README

          

# __Repo-list__

Displays list of repo, you can mark repo as favorit and unmark on "favorits" page

## __App info:__
| Name | Repo-list |
| ----------------- | ----------------- |
| Description | get info about git-hub repo and handle it |
| Start date | 03.10.2017 |
| Version | 1.0.0 |

## __SetUp the app__
- Download this repo:
`git clone https://github.com/Max-im/repo-list.git`
- Go to the project directory:
`cd repo-list`
- Install all App dependencies:
`npm i`

## __Run the App__
- for start the project in develop mode:
`npm start`
- for build production version:
`npm run build`

## __Technologies:__
- react-cli ;
- React ![react][reactImg] / Redux ![redux][reduxImg] / ES6 ![ES6][ES6Img];
- Router;
- HTML5 ![html][HTMLImg] / BEM ;
- Sass (Scss) ![sass][sassImg] / CSS3 ![css][cssImg];

## __Schedule:__
| __Num__ | __Action__ | __Hours__ |
| -----: | ------------------------------------------- | --------: |
| 1 | Consider the project | 1 |
| 2 | Environment init, structure the project | 1 |
| 3 | Routing implementation | 0.5 |
| 4 | Create Header and NotFound (404) components | 0.5 |
| 5 | Implement fetch data, addToFav, removeFromFav | 4 |
| 6 | Add contributors info | 1 |
| 7 | Add sort function | 2 |
| 8 | Adaptive the app | 0.5 |
| 9 | Add localStorage | 1.5 |
| 10 | Refactoring, correct readme, add microdata | 1 |
| | TOTAL | __13__|

[AuthorPage]: https://max-im.github.io/
[Portfolio]: https://max-im.github.io/portfolio/

[myFB]: https://facebook.com/max.pozhidaev.7
[myIn]: https://www.linkedin.com/in/maxim-pozhidaev-16726811a
[myVk]: https://m.vk.com/id8889814

[fbImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/facebook.png?raw=true
[inImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/linkedin.png?raw=true
[vkImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/vk.png?raw=true

[cliImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/cli.png?raw=true
[webpackImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/webpack.png?raw=true
[gulpImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/gulp.png?raw=true
[routerImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/router.png?raw=true

[angularImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/angular.png?raw=true
[reactImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/react.png?raw=true
[reduxImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/redux.png?raw=true
[vueImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/vue.png?raw=true
[ES6Img]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/js.png?raw=true

[jQueryImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/jquery.png?raw=true
[rxImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/rxjs.png?raw=true
[lodashImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/lodash.png?raw=true
[momentImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/moment.png?raw=true

[mustacheImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/mustache.png?raw=true
[handlebarsImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/handlebars.png?raw=true

[HTMLImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/html.png?raw=true
[bemImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/bem.png?raw=true
[openGraphImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/openGraph.png?raw=true
[schemaImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/schema.png?raw=true

[bootstrapImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/bootstrap.png?raw=true
[foundationImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/foundation.png?raw=true
[materialiseImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/materialize.png?raw=true
[semanticImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/semantic.png?raw=true

[stylusImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/stylus.png?raw=true
[sassImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/sass.png?raw=true
[cssImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/css.png?raw=true

[canvasImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/canvas.png?raw=true
[d3Img]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/d3.png?raw=true

[nodeImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/node.png?raw=true
[PHPImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/php.png?raw=true
[BaaSImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/baas.png?raw=true

[mongoDBImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/mongoDB.png?raw=true
[SQLImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/sql.png?raw=true

[karmaImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/karma.png?raw=true
[mochaImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/mocha.png?raw=true
[jasmineImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/jasmine.png?raw=true
[phantomImg]: https://github.com/Max-im/webpack-start-tmpl/blob/master/icons/phantom.png?raw=true