Text2Play Frontend 🎨💻

Frontend for Text2Play: Transforming text into art-driven 2D games

Overview

The frontend for Text2Play is built with React and integrates Phaser.io to render 2D platform games. It connects to the backend to fetch AI-generated game backgrounds and displays them interactively.

Features

• User Interface: Clean and intuitive interface for entering prompts and displaying games.
• Game Engine: Utilizes Phaser.io for rendering 2D platform games.
• Integration: Connects with the backend to fetch and display AI-generated backgrounds.

Tech Stack

• Frontend: React, Phaser.io
• Styling: CSS, Material-UI
• Deployment: Netlify

Installation

1. Clone the repository:

   git clone https://github.com/gritchou/Text2Play-frontend.git

2. Navigate to the project directory:

   cd Text2Play-frontend

3. Install dependencies:

   yarn install

4. Run the application:

   yarn start

Usage

1. Enter a prompt in the input field.
2. Click "Play" to create a game background.
3. Play the game with the newly generated background.

Contributors

• Jean-François Grand - LinkedIn | GitHub
• Guillaume Padan - GitHub
• Shuja Khan - GitHub

References

• Phaser.io
• React Documentation
• Netlify

License

This project is licensed under the MIT License.