https://github.com/cassidoo/book-rating-demo
A demo built with React and HarperDB to show book ratings
https://github.com/cassidoo/book-rating-demo
harperdb netlify react
Last synced: about 2 months ago
JSON representation
A demo built with React and HarperDB to show book ratings
- Host: GitHub
- URL: https://github.com/cassidoo/book-rating-demo
- Owner: cassidoo
- Created: 2020-09-16T02:16:42.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-09-21T07:11:18.000Z (over 4 years ago)
- Last Synced: 2025-02-25T12:47:18.435Z (2 months ago)
- Topics: harperdb, netlify, react
- Language: JavaScript
- Homepage: https://book-rating-demo.netlify.app/
- Size: 358 KB
- Stars: 26
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HarperDB + React Book Rating App
[](https://app.netlify.com/sites/book-rating-demo/deploys)
This is a demo of React and HarperDB, showing some ratings for books. You might disagree with my ratings but you'll have to fight me on them some other time. This was originally a live-coding demo ([video here](https://youtu.be/35Nw4zYyaT8)), so the code isn't absolutely perfect, but it gets the job done and illustrates the point. Run `yarn start` after cloning and installing to get it going!
Or, if you'd like to deploy this yourself to [Netlify](https://url.netlify.com/Bk4UicocL), click this button and it will clone it and deploy it. You'll need to complete the HarperDB setup to make it work properly!
[](https://app.netlify.com/start/deploy?repository=https://github.com/cassidoo/book-rating-demo&utm_source=github&utm_medium=reactharperdb-cs&utm_campaign=devex)
## HarperDB setup
You'll need to put in your **Instance URL** and **user** and **password** into the Provider in index.js to make this work. Make a `.env` file and populate it like so:
```
REACT_APP_DB_URL=https://{your stuff here}.harperdbcloud.com
REACT_APP_USER={your name here}
REACT_APP_PASSWORD={your password here}
```
In the demo I did live with this project, I hardcoded these values in, and you can too! You can check out the git history to see how. Those credentials don't work anymore though, so don't try them. 😉
If you'd like to populate your table with data, here is an example query:
```sql
INSERT INTO reviews.books (bookid, name, author, review)
VALUES(1, 'The Martian', 'Andy Weir', 5), (2, 'Big Little Lies', 'Liane Moriarty', 5), (3, 'The Girl on the Train', 'Paula Hawkins', 3)
```
The application should generally look like this out of the box when working properly:
