{"id":19909729,"url":"https://github.com/tjrapodile/random-quote-machine","last_synced_at":"2026-05-08T01:35:35.072Z","repository":{"id":252848644,"uuid":"840980995","full_name":"tjrapodile/random-quote-machine","owner":"tjrapodile","description":"A React app that fetches and displays random quotes, allowing users to tweet their favorite quotes","archived":false,"fork":false,"pushed_at":"2024-08-12T20:38:39.000Z","size":43,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-11T22:27:46.251Z","etag":null,"topics":["bootstrap","javascript","reactjs"],"latest_commit_sha":null,"homepage":"https://random-quote-machine-site.netlify.app/","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/tjrapodile.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-11T09:34:44.000Z","updated_at":"2024-08-12T20:40:19.000Z","dependencies_parsed_at":"2024-08-12T23:53:22.628Z","dependency_job_id":null,"html_url":"https://github.com/tjrapodile/random-quote-machine","commit_stats":null,"previous_names":["tjrapodile/random-quote-machine"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tjrapodile%2Frandom-quote-machine","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tjrapodile%2Frandom-quote-machine/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tjrapodile%2Frandom-quote-machine/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tjrapodile%2Frandom-quote-machine/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tjrapodile","download_url":"https://codeload.github.com/tjrapodile/random-quote-machine/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241337297,"owners_count":19946380,"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":["bootstrap","javascript","reactjs"],"created_at":"2024-11-12T21:16:28.015Z","updated_at":"2026-05-08T01:35:30.035Z","avatar_url":"https://github.com/tjrapodile.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React + Vite Random-Quote-Machine\nA React-based random quote machine application developed as part of a freeCodeCamp course certification. \nThis app fetches and displays random quotes, allowing users to tweet their favorite quotes.\nThe project was built to fulfill specific user stories and pass all provided tests.\n\nFeatures:\nQuote Display- Displays a random quote in the #text element.\nShows the author of the quote in the #author element.\nNew Quote Button- Includes a button with the id new-quote that, when clicked, fetches and displays a new random quote and its author.\nTweet Quote Button- A clickable element with the id tweet-quote allows users to tweet the current quote. The button includes a href attribute pointing to twitter.com/intent/tweet for sharing the quote.\nCentered Layout- The #quote-box wrapper element is horizontally centered on the page.\n\nTechnologies Used:\nReact- The frontend framework used to build the interactive components of the random quote machine.\nJavaScript- Handles the logic for fetching random quotes and updating the display.\nHTML \u0026 CSS- For structuring and styling the user interface.\nTypefit API - Used to retrieve quote datasets.\n\nHow to Use:\nDisplay Quotes- On initial load, a random quote and its author will be displayed in the quote box.\nGet New Quote- Click the new-quote button to fetch and display a new random quote and its author.\nTweet the Quote- Click the tweet-quote button to share the current quote on Twitter.\n\nClone the repository to your local machine using:\ngit clone ttps://github.com/tjrapodile/random-quote-machine.git\n\nNavigate to the project directory:\ncd random-quote-machine\n\nInstall the necessary dependencies:\nnpm install\n\nStart the application:\nnpm run dev\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftjrapodile%2Frandom-quote-machine","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftjrapodile%2Frandom-quote-machine","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftjrapodile%2Frandom-quote-machine/lists"}