nerder / gh-explorer Goto Github PK
View Code? Open in Web Editor NEWSomething nice
Something nice
Now the scroll-up
button is always shown, it have to appear only when is actually needed.
(maybe with a nice fade-in animation :P)
App
is the theoretical state owner for the search box value, it has no way of forcing it to a value different than what the input.value
holds. This should be fixedvalue/onChange
handling can be simplified, at least at SearchBox
levellinkState
and componentWillReceiveProps
@nerder we should do this together
<- #7
The scope of this issue is to simply define the layout. No logic, style nor sub-components (like SearchBar
or ResultsPanel
should be implemented)
ResultsPanel
itself)ResultsPanel
will be inside it) is centered horizontally1000 px
for the mockup refer to #7
FlexView
for basic layout (https://github.com/buildo/react-components/tree/master/src/flex)NavBar
(https://github.com/buildo/react-components/tree/master/src/nav-bar)Show the right infos fetched from server into the Modal block and style it, in order to be compliant with the rest of the App.
name
, description
, owner
, stats
. Where stats
is number of commit, number of issues, number of stars, number of contributorsI just fix some error that lint throw out.
<- #22
LoadingSpinner
from: https://github.com/buildo/react-components/tree/master/src/loading-spinnerstyle.scss
. Note: need to be refactoredstate
and check if value are fetched correctly or not inside of a returned Promise
The logo image have to scale. No responsive atm
We need to refactor the whole code base in order to use the routing system in the right way. We want to introduce new route search/:query
to manage the ResultPanel
and search/:query/detail/:idDetail
in order to manage ModalManager
router
to AppRoute
, and use it to change the route programmatically using transitionTo
from react-router
(v0.13.x)App
and split it to the dedicated component that really have to manage the stateDetail
and show his content on click of Show More
We need to add a 404 not found page, in order to give feedback for non existing resources
<- #7
SearchBar
input
and one button
value
when user clicks on buttonmax-width: 1000px
background-color
, height
....)<- #7
onClick
should scroll programmatically to top with easing (:P)undefined
ResultRow
)you may consider using Panel
(https://github.com/buildo/react-components/tree/master/src/Panel)
and ScrollView
(https://github.com/buildo/react-components/tree/master/src/scroll)
http://localhost:9090/#/dasa
: not found route is not shown<- #22
https://api.github.com/search/repositories
)api.js
and export functions from there (each one should return a promise)error A space is required after '{' object-curly-spacing
error A space is required before '}' object-curly-spacing
The search buttons will be misaligned from the search bar for every mobile view (Portrait)
Waiting for a .gif
that shows the issue.
(Once i get how to do it 😄 )
Install a new version (more strict) of eslint
and fix errors
You we get some errors that github
API gives to you and show them to the user as a feedback
App.js
and than propagate it since the ResultPanel.js
The animation have to be fluid for every results length
use a ternary operator and make it done
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.