{"id":25313974,"url":"https://github.com/ayushivashisth/joke-generator","last_synced_at":"2026-04-06T21:33:22.729Z","repository":{"id":184636858,"uuid":"659867804","full_name":"AyushiVashisth/joke-generator","owner":"AyushiVashisth","description":"Get ready to laugh with our hilarious joke generator! Discover a vast collection of side-splitting jokes in various categories and brighten up your day with endless laughter.","archived":false,"fork":false,"pushed_at":"2023-07-29T11:57:51.000Z","size":315,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-07T13:49:22.085Z","etag":null,"topics":["chakra-ui-react","ex","nodejs","npm-module","npm-package","reactjs"],"latest_commit_sha":null,"homepage":"https://joke-generaator.vercel.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/AyushiVashisth.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}},"created_at":"2023-06-28T18:32:07.000Z","updated_at":"2023-06-28T18:56:15.000Z","dependencies_parsed_at":"2023-07-29T12:53:11.739Z","dependency_job_id":null,"html_url":"https://github.com/AyushiVashisth/joke-generator","commit_stats":null,"previous_names":["ayushivashisth/joke-generator"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AyushiVashisth/joke-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AyushiVashisth%2Fjoke-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AyushiVashisth%2Fjoke-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AyushiVashisth%2Fjoke-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AyushiVashisth%2Fjoke-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AyushiVashisth","download_url":"https://codeload.github.com/AyushiVashisth/joke-generator/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AyushiVashisth%2Fjoke-generator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31491097,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-06T17:22:55.647Z","status":"ssl_error","status_checked_at":"2026-04-06T17:22:54.741Z","response_time":112,"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":["chakra-ui-react","ex","nodejs","npm-module","npm-package","reactjs"],"created_at":"2025-02-13T16:39:50.908Z","updated_at":"2026-04-06T21:33:22.703Z","avatar_url":"https://github.com/AyushiVashisth.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \n\n\u003ch1 align=\"center\"\u003e✨✨Welcome to Joke-Generator✨✨\u003c/h1\u003e\n\n\u003cbr/\u003e\n\u003ch3 align=\"justify\" width=\"80%\"\u003eA joke generator is a web application that uses ChatGPT to create jokes based on user preferences. The front end allows users to select the type of joke they want (e.g., knock-knock, light bulb) and customize the content's length. The backend, built with Node.js, manages user requests, interacts with ChatGPT, and delivers the generated jokes. The UI should be visually appealing and include smooth navigation and advanced CSS techniques for an enhanced user experience. Bonus features may include user authentication, saving favourite jokes, and social media sharing capabilities.\u003c/h3\u003e\n\n\u003cbr/\u003e\n\n### Frontend Deployed URL 👉 [Click here](https://joke-generaator.vercel.app)\n\n### Backend API 👉 [Click here](https://joke-generator-api.onrender.com/jokes)\n\n\u003cbr/\u003e\n\n\n \u003ch2 align=\"left\"\u003e\n\u003cimg src=\"https://art.pixilart.com/486745d4bb1ef18.gif\"  width=\"20\" height=\"20\" align=\"center\"\u003e\n Languages and Tools\n\u003cimg src=\"https://art.pixilart.com/486745d4bb1ef18.gif\"  width=\"20\" height=\"20\" align=\"center\"\u003e\n\u003c/h2\u003e\n\u003cdiv align=\"center\"\u003e\n \n \u003cdiv align=\"center\"\u003e\u003ch3 align=\"center\"\u003eFrontend\u003c/h3\u003e\n\u003cimg src=\"https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white\" align=\"center\" alt=\"html5\"\u003e\n\u003cimg src = \"https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white\" align=\"center\" alt=\"css3\"\u003e\n\u003cimg src =\"https://img.shields.io/badge/react-%23323330.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%23F7DF1E\" align=\"center\" alt=\"javascript\"\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003c/div\u003e\n\n  \u003cdiv align=\"center\"\u003e\u003ch3 align=\"center\"\u003eBackend\u003c/h3\u003e \n\u003cimg src=\"https://img.shields.io/badge/NodeJS-339933?style=for-the-badge\u0026logo=node.js\u0026logoColor=white\" align=\"center\" alt=\"nodejs\" /\u003e\n\u003cimg src=\"https://img.shields.io/badge/ExpressJS-000000?style=for-the-badge\u0026logo=express.js\u0026logoColor=white\" align=\"center\" alt=\"expressjs\"/\u003e\n \u003c/div\u003e\n \n \u003cdiv align=\"center\"\u003e\u003ch3 align=\"center\"\u003eTools\u003c/h3\u003e \n\u003cimg src=\"https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge\u0026logo=netlify\u0026logoColor=#00C7B7\" align=\"center\" alt=\"git\"/\u003e\n   \u003cimg src=\"https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge\u0026logo=vercel\u0026logoColor=whit\" align=\"center\" alt=\"git\"/\u003e\n   \u003cimg src=\"https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\"  align=\"center\" alt=\"github\"/\u003e\n   \u003cimg src = \"https://img.shields.io/badge/NPM-%23000000.svg?style=for-the-badge\u0026logo=npm\u0026logoColor=white\" align=\"center\" alt=\"npm\"\u003e\n   \u003cimg src=\"https://img.shields.io/badge/Visual%20Studio-5C2D91.svg?style=for-the-badge\u0026logo=visual-studio\u0026logoColor=white\"  align=\"center\" alt=\"vscode\"/\u003e\n   \u003cimg src =\"https://img.shields.io/badge/Postman-FF6C37?style=for-the-badge\u0026logo=postman\u0026logoColor=white\" align=\"center\" alt=\"render\"\u003e\n     \u003cbr /\u003e\n     \u003cbr /\u003e\n\n   \u003cimg src=\"https://img.shields.io/badge/Visual%20Studio-5C2D91.svg?style=for-the-badge\u0026logo=visual-studio\u0026logoColor=white\"  align=\"center\" alt=\"vscode\"/\u003e\n   \u003cimg src=\"https://img.shields.io/badge/Slack-4A154B?style=for-the-badge\u0026logo=slack\u0026logoColor=white\" align=\"center\" alt=\"slack\"/\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\u003ch3 align=\"center\"\u003eDeployed On:\u003c/h3\u003e\n  \u003cimg src=\"https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge\u0026logo=vercel\u0026logoColor=white\"  alt=\"vercel\"/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/cyclic-5458F6?style=for-the-badge\u0026logo=cyclic\u0026logoColor=white\" alt=\"cyclic\" /\u003e\n\u003c/div\u003e\n\u003c/p\u003e\n\n\u003cbr/\u003e\n\n# Features\n\nThe following key features will be implemented in the application:\n\n- Develop an application that can create jokes using ChatGPT.\n- The app should allow the user to specify the type of joke (e.g., knock-knock, light bulb, etc.).\n- Skills involved: User input handling, frontend, backend, and ChatGPT integration.\n\n\u003cbr/\u003e\n\n## Joke Generator Page\n![Screenshot 2023-07-29 170945](https://github.com/AyushiVashisth/joke-generator/assets/107119119/ca21223a-8118-43bd-8757-987810b45121)\n\n![Screenshot 2023-07-29 170925](https://github.com/AyushiVashisth/joke-generator/assets/107119119/3ca1b2b6-868b-46cb-b5c0-fff653ea8f4a)\n\n # Languages Used :\n\u003cul dir=\"auto\"\u003e\n \u003col dir=\"auto\"\u003e◉ JavaScript : 71.2%\u003c/ol\u003e\n \u003col dir=\"auto\"\u003e◉ HTML : 18.7%\u003c/ol\u003e\n \u003col dir=\"auto\"\u003e◉ CSS : 10.1%\u003c/ol\u003e\n \u003c/ul\u003e\n \n### This report is provided by the GitHub language used stats. So, this is the total percentage of the coding languages.\n\n\u003cbr/\u003e\u003cbr/\u003e\n\n# Prerequisites :\n\n- Node\n- npm\n\n# Installing :\n\n1. Clone the repository to your local machine\n2. Navigate to the project directory\n3. Run `npm install` to install the required dependencies\n4. Run `npm start` to start the development server\n\n\u003cbr/\u003e\u003cbr/\u003e\n\n### An individual project, completed in a duration of 1 days.\n\n\u003cbr/\u003e\u003cbr/\u003e\n\n# Our Learnings : \nOn this journey, we faced many issues, but we keep motivated each other with patience. \n\n- We learned how to write more efficient and clean code.\n\n- Even though  We also learned how to plan a project and how to execute it step by step.\n\n- Through this Project, we have learned  to effectively improve productivity.\n\n- We also got a glimpse of using GitHub for version control.\n\u003cbr/\u003e\u003cbr/\u003e\n\n# Contributing\n\n### We welcome contributions to the Joke Generator website. If you have an idea for a new feature or have found a bug, please open an issue in the repository.\n\n\u003cbr/\u003e\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n\u003ch1 align=\"center\"\u003e✨Thank You✨\u003c/h1\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fayushivashisth%2Fjoke-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fayushivashisth%2Fjoke-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fayushivashisth%2Fjoke-generator/lists"}