https://github-repo-search.herokuapp.com/
A web app for searching Github repos, list them by popularity and list their top contributors. Uses Github Developer API v3.
Based on the Express + React starter boilerplate, which is in turn based on Express Generator and Facebook Incubators' Create-React-App.
The Express server runs on port: 3001
and the React Frontend on port: 3000
.
The React Frontend, created using create-react-app
, is found inside the client
directory.
- React-Redux: Predictable state container for JavaScript apps
- Redux-Thunk: Thunk middleware for Redux
- React-Router: Declarative routing for React
- Redux-Form: A Higher Order Component using react-redux to keep form state in a Redux store
- Material-UI: React components that implement Google's Material Design.
- React-Transition-Group: An easy way to perform animations when a React component enters or leaves the DOM.
- React-FontAwesome: A React Font Awesome component.
- React-Emoji-Render: Normalize and render emoji's the way your users expect.
- On the
root
level, install Node dependencies withnpm install
. - Start the Node/Express.js backend server with
npm start
. - On another Terminal tab, enter the
client
subdirectory and install the dependencies withnpm install
. - Start the Webpack dev-server with
npm start
. - In the client's
package.json
file, the"proxy": "http://localhost:3001"
config proxies requests form the frontend to the Express backend. - Navigate to the development build in
localhost:3000
.
- In the
client
subdirectory, create a production build withnpm run build
. - Express was configured to point to the
build
directory on theapp.js
file. - Deploy your Node app and Express will automatically point to your React build.
- You can see the production build by starting the Node/Express server and navigating to
localhost:3001
.