Implementation of an SPA (single-page application) engineering blog built with ReactJS, NodeJS and the principles of Material Design.
| component | type | description |
|---|---|---|
| <Hozier/> | img | renders author's image as subclassed Avatar |
| <AppBarIcon/> | navigation | renders app bar and application navigation |
| <Fingerprint/> | svg | renders a customized fingerprint to view |
| <OctoCat/> | svg | renders GitHub's OctoCat to view |
| <App/> | spa core | brings together the core rendering logic of the single-page app |
| <HomePage/> | spa core | implements the underlying media content for the homepage |
| <MonologuesPage/> | spa core | implemented as a template engine rendering to view blog content based on N rows retrieved from datastore |
| <ProjectsPage/> | spa core | implemented as a template engine rendering to view project content based on N rows retrieved from datastore |
| <Playground/> | spa util | leverages an internal component to render minimally styled, yet elegant components or text to view |
| <lockerbox/> | interface | defines an interface through which bulk imports can be made |
spa core: a core component built to support the single-page application views
spa util: a utility component built for extensive internal reuse within larger components of the single-page application
interface: handles the shortening of long imports by providing an intermediary space to define full paths. imports from this shared intermediary space are known as imports from the interface.
From the root directory, do:
npm install
npm start