https://github.com/techcow2/app-genie

App Genie is a ChatGPT text to app front end that generates HTML/JavaScript/CSS apps. It offers an interactive interface to enhance the development experience.
https://github.com/techcow2/app-genie

ai-tools artificial-intelligence chatgpt front-end-development generator html-css-javascript text2app

Last synced: 4 days ago
JSON representation

App Genie is a ChatGPT text to app front end that generates HTML/JavaScript/CSS apps. It offers an interactive interface to enhance the development experience.

• Host: GitHub
• URL: https://github.com/techcow2/app-genie
• Owner: techcow2
• License: mit
• Created: 2024-07-02T02:33:12.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-24T02:29:25.000Z (4 months ago)
• Last Synced: 2024-07-25T04:00:01.492Z (4 months ago)
• Topics: ai-tools, artificial-intelligence, chatgpt, front-end-development, generator, html-css-javascript, text2app
• Language: JavaScript
• Homepage: https://appgenie.live
• Size: 18.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# TechRay's App Genie

## Project Description

TechRay's App Genie is a versatile web-based application designed to help HTML, JavaScript, and CSS developers quickly prototype and generate code for their projects. The app provides an intuitive interface for creating and previewing web applications, including a mobile-first design approach.

## Features

- Interactive code generation for HTML, JavaScript, and CSS projects

- Real-time live preview of the generated code

- Option to upload images for use in the app

- Responsive design ensuring compatibility across different devices

## Installation

To get a local copy up and running, follow these steps:

1. **Clone the repository**

    ```sh

    git clone https://github.com/techcow2/app-genie.git

    ```

2. **Navigate to the project directory**

    ```sh

    cd app-genie

    ```

## Usage

1. Open `index.html` in your preferred web browser to start using the application.

2. Use the interface to name your app, update your app content, and optionally upload images.

3. The generated code will be displayed in the "Generated Code" section.

4. Use the "Live Preview" section to see how your app will look in real time.

### Example Usage

The screenshot below shows an example of using TechRay's App Genie:

![TechRay's App Genie](/images/screenshot2.png)

The example demonstrates the app's capability to generate a complete mobile-first web app with interactive features and enhanced UI using HTML, JavaScript, and Tailwind CSS.

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

## License

Distributed under the MIT License. See `LICENSE` for more information.

## Credits

- Inspired by https://picoapps.xyz