Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chrisrzhou/quotes
A simple UI built around quotes written in markdown
https://github.com/chrisrzhou/quotes
markdown netlify quotes react redux
Last synced: 3 months ago
JSON representation
A simple UI built around quotes written in markdown
- Host: GitHub
- URL: https://github.com/chrisrzhou/quotes
- Owner: chrisrzhou
- Archived: true
- Created: 2018-10-21T09:12:55.000Z (about 6 years ago)
- Default Branch: main
- Last Pushed: 2020-07-26T18:21:49.000Z (over 4 years ago)
- Last Synced: 2024-05-02T03:37:05.437Z (7 months ago)
- Topics: markdown, netlify, quotes, react, redux
- Language: JavaScript
- Homepage: https://quotes.chrisrzhou.io
- Size: 139 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quotes
https://quotes.chrisrzhou.io
[![MIT License][license-badge]](LICENSE.md)
[license-badge]: https://flat.badgen.net/badge/license/MIT/blue
Write your favorite quotes in markdown. Visualize and manage them in a simple and nice UI!
Deploy an instance of this project by clicking the deploy button below. Add and manage your own quotes by editing the [./src/quotes.md](./src/quotes.md) markdown file.
[](https://app.netlify.com/start/deploy?repository=https://github.com/chrisrzhou/quotes)
## About
Everyone loves inspirational quotes, but documenting and viewing them is a fairly disorganized process. Quotes are usually stored in many systems, and are difficult to search and organize over time.
This project focuses on the simplicity of writing quotes in markdown, and provides an interactive UI to search and explore quotes by content, author or tags.
## Writing quotes
Write your quotes in simple markdown in the [quotes.md](./src/quotes.md) file, using the standardized markdown blockquote notation, and intuitive notations for authors and hashtags:
```
> Not everything that can be counted counts, and not everything that counts can be counted. @Einstein #physics #universe
> I love Quotes! @Chris Zhou #me
```
## Developing and building
To develop, install dependencies using `yarn` and run
```sh
yarn start
```
You can build and deploy the production app by running:
```sh
git clone [email protected]:chrisrzhou/quotes.git
yarn
yarn build
# serve build folder
```
## Personal Motivation
This project provides me with a common place to store quotes using markdown format. It is easy to view the standalone markdown file, or use the accompanying UI to explore quotes by author and tags. I wanted to take this project as an opportunity to learn how to write a babel loader that parses markdown files into structured javascript data.