https://github.com/2ajoyce/madlibs-generator

Generate and fill out madlibs stories on your own, or with friends!
https://github.com/2ajoyce/madlibs-generator

madlibs peerjs react

Last synced: 2 months ago
JSON representation

Generate and fill out madlibs stories on your own, or with friends!

• Host: GitHub
• URL: https://github.com/2ajoyce/madlibs-generator
• Owner: 2ajoyce
• License: mit
• Created: 2023-12-13T05:31:36.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2026-03-26T12:48:17.000Z (3 months ago)
• Last Synced: 2026-03-27T05:08:06.137Z (3 months ago)
• Topics: madlibs, peerjs, react
• Language: JavaScript
• Homepage: https://madlibs.2ajoyce.com
• Size: 5.99 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Agents: AGENTS.md

Awesome Lists containing this project

README

          
# Madlibs Generator

[![Prod](https://github.com/2ajoyce/madlibs-generator/actions/workflows/firebase-hosting-merge.yml/badge.svg)](https://madlibs.2ajoyce.com)

Generate and fill out Madlibs stories on your own or with friends! The Madlibs Generator is an interactive web application that allows users to create and collaboratively edit Madlibs stories in real-time.

[Check out the Demo](https://madlibs.2ajoyce.com)

## Interactive Features

Madlibs Generator leverages modern web technologies to enhance the user experience:

-   **Real-Time Collaboration**: Utilizing PeerJS, the app allows multiple users to edit a story simultaneously.

-   **Responsive Design**: A clean, user-friendly interface that adapts to different screen sizes.

-   **Simple Yet Powerful**: Designed to be intuitive, so you can jump right into creating stories.

## Collaboration Showcase

This project demonstrates practical use of [PeerJS](https://peerjs.com/) for real-time, collaborative interactions.

![Demo of collaboration feature](/demos/2023-12-22.gif)

## Technology Stack

The Madlibs Generator leverages a targeted selection of technologies:

- **React**: Provides a responsive user interface.

- **PeerJS**: Enables real-time, peer-to-peer collaborative editing.

- **Cypress**: Automates e2e and component testing for enhanced application reliability.

- **Firebase**: Delivers scalable hosting and performance stability.

- **GitHub Actions**: Manages CI/CD, streamlining updates and deployment efficiency.

## Try It Out

I encourage you to [try the demo](https://madlibs.2ajoyce.com). If you have ideas or encounter issues, please feel free to reach out.

For more of my work and updates, connect with me on [LinkedIn](https://www.linkedin.com/in/2ajoyce).