{"id":17007355,"url":"https://github.com/leoelicos/readr","last_synced_at":"2026-05-10T09:49:50.917Z","repository":{"id":45786721,"uuid":"514573021","full_name":"leoelicos/readr","owner":"leoelicos","description":"MERN, MongoDB Atlas","archived":false,"fork":false,"pushed_at":"2023-04-18T11:15:42.000Z","size":1603,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-27T11:22:12.025Z","etag":null,"topics":["apollo-server-express","graphql","jwt","jwt-decode","mongoose","react-bootstrap","react-dom","react-router-dom"],"latest_commit_sha":null,"homepage":"https://reader.herokuapp.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/leoelicos.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-16T12:31:22.000Z","updated_at":"2023-04-06T16:36:14.000Z","dependencies_parsed_at":"2022-07-16T15:30:58.617Z","dependency_job_id":null,"html_url":"https://github.com/leoelicos/readr","commit_stats":null,"previous_names":["leoelicos/readr"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leoelicos%2Freadr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leoelicos%2Freadr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leoelicos%2Freadr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leoelicos%2Freadr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leoelicos","download_url":"https://codeload.github.com/leoelicos/readr/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244952793,"owners_count":20537472,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apollo-server-express","graphql","jwt","jwt-decode","mongoose","react-bootstrap","react-dom","react-router-dom"],"created_at":"2024-10-14T05:25:30.572Z","updated_at":"2026-05-10T09:49:45.888Z","avatar_url":"https://github.com/leoelicos.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Readr\n\n![react](https://img.shields.io/badge/17.0.1-0?label=react.js\u0026style=for-the-badge\u0026labelColor=white\u0026color=black) ![apollo client](https://img.shields.io/badge/3.5.8-0?label=@apollo/client\u0026style=for-the-badge\u0026labelColor=white\u0026color=black) ![apollo server express](https://img.shields.io/badge/3.10.0-0?label=@apollo%20server%20express\u0026style=for-the-badge\u0026labelColor=white\u0026color=black) ![graphql](https://img.shields.io/badge/15.4.0-0?label=graphql\u0026style=for-the-badge\u0026labelColor=white\u0026color=black)\n\n## Introduction\n\nThis two-page web app displays a Google Book Search with React and Apollo client front-end and Apollo Server and Graph QL backend. The app allows users to login and save books to their reading list without refreshing the page.\n\nOn the front end, this Node application uses npm packages `@apollo/client`, `react` and `react-bootstrap`.\n\nOn the back end, this application uses npm packages `apollo-server-express`, `graphql`, `jsonwebtoken` and `mongoose`.\n\nI made this app in order to learn how to implement Graph QL on the back end. In future I will learn how to add reducers and Stripe to my full- stack application.\n\n## Usage\n\n- The app is deployed at https://reader.herokuapp.com/\n- The repo is at https://github.com/leoelicos/readr\n\n## Development and Testing\n\n### 0. Download Node\n\n| Programs | Download links                  |\n| -------- | ------------------------------- |\n| `Node`   | https://nodejs.org/en/download/ |\n\n### 1. Git clone and go inside\n\n```sh\ngit clone https://github.com/leoelicos/readr.git\n\ncd readr\n```\n\n### 2. Install dependencies\n\n```sh\nnpm install\n```\n\n### 3. Run in browser\n\n```sh\nnpm run develop\n```\n\n## Video Demo\n\nhttps://user-images.githubusercontent.com/99461390/179760452-28799488-6f25-4413-b0e8-871274f0ebfd.mp4\n\nVideo is also available on [YouTube](https://www.youtube.com/watch?v=CYu8L-D1U0s)\n\n## Screenshots\n\n### Home Page:\n\n![bse_homePage](https://user-images.githubusercontent.com/99461390/179761455-bdbd96ed-3a61-4acb-8cca-bc18c32f7950.jpg)\n\n### Search Results:\n\n![bse_searchResults](https://user-images.githubusercontent.com/99461390/179761467-660eb391-46ed-44ef-8628-d7322d93c82d.jpg)\n\n### Login Modal:\n\n![bse_loginModal](https://user-images.githubusercontent.com/99461390/179761476-5f5c5388-fecd-4b78-875e-3f525a36f0d1.jpg)\n\n### Save Books:\n\n![bse_saveBooks](https://user-images.githubusercontent.com/99461390/179761504-cc1ee9ab-df4e-4ea3-8eab-cde689d32094.jpg)\n\n### Context Menu:\n\n![bse_contextMenu](https://user-images.githubusercontent.com/99461390/179761516-c5206e84-421f-4fef-ac64-8cf115f8423c.jpg)\n\n### Delete Option:\n\n![bse_deleteOption](https://user-images.githubusercontent.com/99461390/179761530-6094b69b-60ce-4a2b-9254-df8c24e9668c.jpg)\n\n## Credits\n\n- BCS Resources\n\n## License\n\n\u0026copy; Leo Wong \u003cleoelicos@gmail.com\u003e\n\nLicensed under the [MIT License](./LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleoelicos%2Freadr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleoelicos%2Freadr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleoelicos%2Freadr/lists"}