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.
- 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
To get a local copy up and running, follow these steps:
- Clone the repository
git clone https://github.com/techcow2/app-genie.git
- Navigate to the project directory
cd app-genie
- Open
index.htmlin your preferred web browser to start using the application. - Use the interface to name your app, update your app content, and optionally upload images.
- The generated code will be displayed in the "Generated Code" section.
- Use the "Live Preview" section to see how your app will look in real time.
The screenshot below shows an example of using TechRay's App Genie:
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.
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
- Inspired by https://picoapps.xyz