Skip to content

2ajoyce/madlibs-generator

Repository files navigation

Madlibs Generator

Prod

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

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 for real-time, collaborative interactions.

Demo of collaboration feature

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