Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pklepa/pencil-blog

NodeJS/Express/React Blog using Contentful as a CMS
https://github.com/pklepa/pencil-blog

cms contentful react router

Last synced: about 2 months ago
JSON representation

NodeJS/Express/React Blog using Contentful as a CMS

Host: GitHub
URL: https://github.com/pklepa/pencil-blog
Owner: pklepa
Created: 2021-01-04T11:13:17.000Z (about 4 years ago)
Default Branch: master
Last Pushed: 2021-01-11T16:59:03.000Z (about 4 years ago)
Last Synced: 2023-11-03T01:32:58.722Z (over 1 year ago)
Topics: cms, contentful, react, router
Language: JavaScript
Homepage: https://blog-pencil.herokuapp.com/
Size: 1.81 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # shopping-cart

## Description

Fully featured blog using Contentful API as a CMS and interactive with Facebook Comments.

> See it live on [https://blog-pencil.herokuapp.com/](https://blog-pencil.herokuapp.com/)

### Screenshots

#### home page

![image](https://user-images.githubusercontent.com/22618438/104212638-574f2c00-542d-11eb-8edb-58bb4c0bb772.png)

#### tag search

![image](https://user-images.githubusercontent.com/22618438/104213290-068c0300-542e-11eb-889e-537c577705a4.png)

## Objectives & Outcomes

This project is an implementation of the minimalistic blog design by [LogWork](https://dribbble.com/shots/7273927-Sketch-Minimalist-Blog-Template-Freebie) and integrates [Contentful](https://www.contentful.com/) as a Content Management System for the blog administrator.

## Development

### Javascript Framework

- [React](https://github.com/facebook/create-react-app)

### Libraries, extensions and tools

- [Contentful](https://www.contentful.com/) - Modern content platform (CMS)

- [Facebook Social Integration](https://developers.facebook.com/) - Facebook API for delivering and managing comments in each individual article page.

- [Heroku](https://heroku.com/) - Hosting & Deployment

- [React Router](https://reactrouter.com/web/guides/quick-start) - Router tool for React applications

- [ESLint](https://eslint.org/) - A linter tool to standardize code

- [Prettier](https://prettier.io/) - Code formatter

## More information