Home - abhishekdev/hopcar GitHub Wiki

The Hopcar project is a Single Page Application (a.k.a SPA) that builds an UI over the available rental car shopping API from Hotwire.com.

This app does not have any commercial motives and is merely a front-end exercise to try out an architectural Proof of Concept.

The Hopcar project architecture has the following key aspects.

Client

• The layout is implemented as a composition of React components.
• The code is implemented using JSX and ES6 syntax.
• UI Styles and themes are maintained using Less

Server

• Express JS is used for serving the static pages in production with minimal route management.
• The application is deployed on Heroku.
• Sourcemaps are blocked using routing rules in production.

Build

• ES6 and JSX code is transpiled using Babel.
• Webpack 2 is used as the bundler
• Linters are in use to ensure opinionated code conventions.
• CSS3 rulesets are auto-prefixed at build to support on the not-so-old browsers.