{"id":19654827,"url":"https://github.com/sabeer-junaid/quotify","last_synced_at":"2026-02-27T13:34:41.035Z","repository":{"id":242163546,"uuid":"808640406","full_name":"Sabeer-Junaid/quotify","owner":"Sabeer-Junaid","description":"🖊️A simple and elegant 📃 quote generator website that displays random inspirational quotes.  this project is perfect for anyone looking to add a touch of motivation to their day. The design is clean, responsive, and easy to customize. 💻","archived":false,"fork":false,"pushed_at":"2025-02-17T13:41:36.000Z","size":111,"stargazers_count":2,"open_issues_count":1,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-28T17:46:32.577Z","etag":null,"topics":["api","contribute","contribute-here","contribute-repository","css","good-first-issue","good-practices","html","javascript","open-source","quote-generator","quotes-api"],"latest_commit_sha":null,"homepage":"https://myquotify.vercel.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Sabeer-Junaid.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2024-05-31T13:47:29.000Z","updated_at":"2025-03-02T11:25:43.000Z","dependencies_parsed_at":"2024-06-18T00:47:50.974Z","dependency_job_id":"485ae71c-0875-4fec-8419-5089532d5e02","html_url":"https://github.com/Sabeer-Junaid/quotify","commit_stats":null,"previous_names":["sabeer-junaid/quotify"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Sabeer-Junaid/quotify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sabeer-Junaid%2Fquotify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sabeer-Junaid%2Fquotify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sabeer-Junaid%2Fquotify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sabeer-Junaid%2Fquotify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sabeer-Junaid","download_url":"https://codeload.github.com/Sabeer-Junaid/quotify/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sabeer-Junaid%2Fquotify/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29897208,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-27T12:09:13.686Z","status":"ssl_error","status_checked_at":"2026-02-27T12:09:13.282Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["api","contribute","contribute-here","contribute-repository","css","good-first-issue","good-practices","html","javascript","open-source","quote-generator","quotes-api"],"created_at":"2024-11-11T15:18:33.468Z","updated_at":"2026-02-27T13:34:41.015Z","avatar_url":"https://github.com/Sabeer-Junaid.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- Cover --\u003e\n\u003cdiv align = \"center\"\u003e\n  \n![QUOTIFY (3)](https://github.com/Sabeer-Junaid/quotify/assets/59570904/ca33dcdb-4e52-45b8-9657-6580a9189c0f)\n\n# Quote Generator\n\n\u003c/div\u003e\n\n\u003c!-- description --\u003e\n\n\u003cp align = \"center\"\u003e\nA simple and elegant quote generator website that displays random inspirational quotes.  this project is perfect for anyone looking to add a touch of motivation to their day. The design is clean, responsive, and easy to customize. \u003cBr\u003e\n\u003c/p\u003e\n\n\u003c!-- shield --\u003e\n\n\u003cdiv align = \"center\"\u003e\n  \u003ca href=\"https://github.com/Sabeer-Junaid/quotify\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Open%20Source-%F0%9F%90%A5-blue.svg\"/\u003e\n  \u003c/a\u003e\n  \n\u003ca href=\"https://github.com/Sabeer-Junaid/quotify/pulls\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat\" alt=\"PRs Welcome\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://github.com/Sabeer-Junaid/quotify\"\u003e\n    \u003cimg src=\"https://tokei.rs/b1/github/Sabeer-Junaid/quotify?style=flat category=lines\" alt=\"Total Lines of code\"/\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://github.com/Sabeer-Junaid/quotify/graphs/contributors\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/contributors/Sabeer-Junaid/quotify\" alt=\"Contributors\"/\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://github.com/Sabeer-Junaid/quotify/commits/main\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/last-commit/Sabeer-Junaid/quotify\" alt=\"Last Commit\"/\u003e\n  \u003c/a\u003e\n\n   \u003ca href=\"https://github.com/Sabeer-Junaid/quotify\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/repo-size/Sabeer-Junaid/quotify\" alt=\"Repo Size\"/\u003e\n  \u003c/a\u003e \u003cbr\u003e\n\n  \u003ca href=\"https://github.com/Sabeer-Junaid/quotify/blob/master/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/Sabeer-Junaid/quotify\" alt=\"License\"/\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://github.com/Sabeer-Junaid/quotify/issues\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues/Sabeer-Junaid/quotify?color=red\" alt=\"Issues\"/\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://github.com/Sabeer-Junaid/quotify/issues?q=is%3Aissue+is%3Aclosed\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues-closed/Sabeer-Junaid/quotify\" alt=\"Closed Issues\"/\u003e\n  \u003c/a\u003e\n\n \u003ca href=\"https://github.com/Sabeer-Junaid/quotify/pulls\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues-pr/Sabeer-Junaid/quotify?color=purple\" alt=\"Pull Requests\"/\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://github.com/Sabeer-Junaid/quotify/pulls?q=is%3Apr+is%3Aclosed\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues-pr-closed/Sabeer-Junaid/quotify\" alt=\"Closed Pull Requests\"/\u003e\n  \u003c/a\u003e\u003cbr\u003e   \n\n  \u003ca href=\"https://github.com/Sabeer-Junaid/quotify\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/stars/Sabeer-Junaid/quotify\" alt=\"Stars\"/\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://github.com/Sabeer-Junaid/quotify/network/members\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/forks/Sabeer-Junaid/quotify\" alt=\"Forks\"/\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\u003c!-- Key Features --\u003e\n\n## 🌟 Key Features\n\n1. #### Random Quote Display\n   * Display a random quote from a collection each time the page loads.\n   * Show the quote text and author.\n\n2. #### New Quote Button\n   * A button to fetch and display a new random quote without refreshing the page.\n\n3. #### API Integration\n   * Fetch quotes from a public quotes API for a diverse collection of quotes.\n   * Handle API errors gracefully, with fallback quotes if the API call fails.\n\n4. #### Responsive Design\n   * Ensure the layout is responsive and looks good on all devices (desktops, tablets, and mobile phones).\n   * Sharing Options\n\n5. #### Provide buttons to share the quote on social media platforms like Twitter and Facebook.\n   * Enable copying the quote to the clipboard for easy sharing.\n   * Loading Indicator\n\n6. #### Display a loading indicator while fetching a new quote to enhance user experience.\n   * Customizable Themes (Optional)\n\n7. #### Allow users to switch between different themes (e.g., light and dark mode) for better user experience and accessibility.\n   * Animation Effects (Optional)\n\n8. #### Add smooth transition or animation effects when a new quote is displayed.\n   - Quote Categories (Optional)\n\n9. #### Allow users to filter quotes by category (e.g., inspirational, motivational, humorous).\n   - Offline Support (Optional)\n\n## 🛠️  Built With\n\n\u003cimg src=\"https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white\" alt=\"HTML5 Badge\"\u003e\u003cimg src=\"https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white\" alt=\"CSS3 Badge\"\u003e\u003cimg src=\"https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black\" alt=\"JavaScript Badge\"\u003e\n\n\u003c!-- Devlopment Steps --\u003e\n\n## 👩‍💻 Development Steps\n\n#### 1. Setup and Planning\n- Define requirements and key features.\n- Choose tools (HTML, CSS, JavaScript).\n\n#### 2. Project Initialization\n- Create project structure.\n- Set up Git for version control.\n\n#### 3. Design User Interface\n- Create `index.html` for basic structure.\n- Style with `styles.css`.\n\n#### 4. Fetch and Display Quotes\n- Integrate with a quotes API using `fetch()` in `scripts.js`.\n- Dynamically display quotes on the webpage.\n\n#### 5. Add Interactivity\n- Implement \"New Quote\" button functionality.\n- Add a loading indicator for fetching new quotes.\n- Integrate sharing options for social media.\n\n#### 6. Enhance User Experience\n- Ensure responsive design with CSS media queries.\n- Add accessibility features.\n- Optional: Implement theme switching.\n\n#### 7. Testing and Debugging\n- Test functionality and fix bugs.\n- Perform cross-browser testing.\n\n#### 8. Deployment\n- Minify CSS and JavaScript files.\n- Deploy to a hosting service (e.g., GitHub Pages, Netlify).\n\n#### 9. Documentation and Community Engagement\n- Write `README.md` with usage instructions.\n- Share on GitHub and encourage contributions.\n\n#### 10. Continuous Improvement\n- Gather feedback.\n\n\u003c!-- getting started --\u003e\n\n## 🚀 Getting Started\n\n1. Clone the project repository:\n\n```bash\ngit clone https://github.com/Sabeer-Junaid/quotify.git\n```\n\n2.Navigate to the project directory:\n\n```\ncd quotify\n```\n\n\n3. Once the index.html file is opened, you should see your Quotify project running in your web browser.\n\n\u003c!-- Contributing --\u003e\n## 🤝 Contributing\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\u003cbr\u003e\ncheck out \u003ca href=\"https://github.com/Sabeer-Junaid/quotify/blob/main/General_Contributing.md\" target=\"blank\"\u003eCONTRIBUTING.md\u003c/a\u003e\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\u003c!-- Licence --\u003e\n\n## 📄 License\n\n\u003ca href=\"https://github.com/Sabeer-Junaid/quotify/blob/main/LICENSE\"\u003e\u003c/a\u003e MIT \u003c/a\u003e\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsabeer-junaid%2Fquotify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsabeer-junaid%2Fquotify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsabeer-junaid%2Fquotify/lists"}