An open API service indexing awesome lists of open source software.

https://github.com/ayushivashisth/joke-generator

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.
https://github.com/ayushivashisth/joke-generator

chakra-ui-react ex nodejs npm-module npm-package reactjs

Last synced: 3 months ago
JSON representation

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.

Awesome Lists containing this project

README

          

#

✨✨Welcome to Joke-Generator✨✨



A 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.


### Frontend Deployed URL 👉 [Click here](https://joke-generaator.vercel.app)

### Backend API 👉 [Click here](https://joke-generator-api.onrender.com/jokes)




Languages and Tools





Frontend


html5
css3
javascript





Backend


nodejs
expressjs



Tools


git
git
github
npm
vscode
render



vscode
slack




Deployed On:


vercel
cyclic


# Features

The following key features will be implemented in the application:

- Develop an application that can create jokes using ChatGPT.
- The app should allow the user to specify the type of joke (e.g., knock-knock, light bulb, etc.).
- Skills involved: User input handling, frontend, backend, and ChatGPT integration.


## Joke Generator Page
![Screenshot 2023-07-29 170945](https://github.com/AyushiVashisth/joke-generator/assets/107119119/ca21223a-8118-43bd-8757-987810b45121)

![Screenshot 2023-07-29 170925](https://github.com/AyushiVashisth/joke-generator/assets/107119119/3ca1b2b6-868b-46cb-b5c0-fff653ea8f4a)

# Languages Used :


      ◉ JavaScript : 71.2%

      ◉ HTML : 18.7%

      ◉ CSS : 10.1%



### This report is provided by the GitHub language used stats. So, this is the total percentage of the coding languages.



# Prerequisites :

- Node
- npm

# Installing :

1. Clone the repository to your local machine
2. Navigate to the project directory
3. Run `npm install` to install the required dependencies
4. Run `npm start` to start the development server



### An individual project, completed in a duration of 1 days.



# Our Learnings :
On this journey, we faced many issues, but we keep motivated each other with patience.

- We learned how to write more efficient and clean code.

- Even though We also learned how to plan a project and how to execute it step by step.

- Through this Project, we have learned to effectively improve productivity.

- We also got a glimpse of using GitHub for version control.


# Contributing

### 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.


## Show your support

Give a ⭐️ if you like this project!

✨Thank You✨