Giter Club home page Giter Club logo

aipage.dev's Introduction

AI Landing Page Generator

License

Description

A landing page generator

The AI Landing Page Generator is a powerful tool that allows you to quickly create stunning landing pages using artificial intelligence. With this generator, you can save time and effort by automating the process of designing and coding landing pages. It is now experimental and only supports the creation of landing pages with HTML and Tailwind CSS.

Installation

  1. Clone the repository: git clone https://github.com/zinedkaloc/aipage.dev.git
  2. Install the required dependencies: pnpm install
  3. Navigate to the project directory cd aipage.dev
  4. Copy the .env.example file to .env and fill in the required information.

Note: If you are not comfortable with creating OPENAI_API_KEY, please reach out to me at zinedkaloc and I will be happy to help you.

Usage

  1. Run the generator: pnpm dev
  2. Open the browser and go to http://localhost:3000
  3. Describe your website and click on the "Enter".
  4. Wait for the genie to generate the landing page.

Test prompts

A landing page for a design studio located in New york. They make websites and custom logos. All the work is very stylish and minimalist. The page should include a contact form a some call to actions as well as a link to the portfolio.

A landing page for an interior architecture company based in Istanbul. They specialize in creating exceptional spatial designs and innovative interior solutions. Their work showcases a unique blend of style, minimalism, and functionality. The landing page should feature a captivating design with using gradients, including a contact form, compelling call-to-action elements, and a prominent link to their portfolio.

A landing page for a cutting-edge technology company based in Istanbul. They specialize in developing innovative software solutions and advanced technological products. Their work is known for its sleek design, seamless user experience, and transformative capabilities. The landing page should feature a modern design, including a contact form, compelling call-to-action elements, and a prominent link to their product offerings.

Roadmap

  • Create a basic landing page generator.
  • Display the generated landing page in the main page with an iframe.
  • Update text input to textarea and add submit button.
  • Add support to download the generated landing page as a zip file.
  • Add support to deploy the generated landing page to Vercel or Netlify with a single click.
  • Add support for dark mode.
  • Add support for multiple pages.
  • Add support for multiple languages.

This project is still in its early stages of development. If you have any suggestions or ideas, please feel free to open an issue or submit a pull request.

Contributing

Thank you for considering contributing to this project! To contribute, follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature/fix: git checkout -b feature/your-feature-name.
  3. Add your changes with: git add ..
  4. Make your changes and commit them: git commit -m "Add your feature description".
  5. Push to the branch: git push origin feature/your-feature-name.
  6. Open a pull request to the master branch of the original repository. Provide a clear and descriptive title and description for your pull request. Include any relevant information or context that would help with the review process.
  7. Wait for the maintainers to review your pull request. Make any necessary changes or address any feedback provided.
  8. Once your pull request is approved, it will be merged into the master branch.

Congratulations on your contribution!

License

This project is licensed under the MIT License.

Contact

For any inquiries or feedback, please reach out to us at zinedkaloc.

aipage.dev's People

Contributors

aykutkardas avatar gorkemeldeniz avatar matrx123 avatar ozgurozalp avatar zinedkaloc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

aipage.dev's Issues

[BUG]

Bug Report

Description
Installation Step 1 is wrong:

Clone the repository: git clone https://github.com/zinedkaloc/lp-genie.git

Steps to Reproduce

git clone https://github.com/zinedkaloc/lp-genie.git

Expected Behavior
Please update readme to clone the repository.
Cloning into 'ai-page'...
remote: Enumerating objects: 73, done.
remote: Counting objects: 100% (73/73), done.
remote: Compressing objects: 100% (52/52), done.
remote: Total 73 (delta 21), reused 59 (delta 13), pack-reused 0
Receiving objects: 100% (73/73), 513.63 KiB | 1.25 MiB/s, done.
Resolving deltas: 100% (21/21), done.

Actual Behavior

remote: Repository not found.
fatal: repository 'https://github.com/zinedkaloc/lp-genie.git/' not found

Additional Information
The repository name is ai-page it should be updated like below:

Clone the repository: git clone https://github.com/zinedkaloc/ai-page.git

Add MIT license file

Feature Request

Description
Provide license file to increase open-source usage

Proposed Solution
Add LICENSE file to root directory.

Alternatives Considered
You might want to write your own license.

Additional Information
Regular license file is enough

GPT answer text inside page box

Creating a page for the second time when the box is already filled with previously generated landing page causes an answer text apperance on the box's top.
bug

Buttons to Stop code generation and clear the page box

Feature Request

Description
There should be "Stop and clear" buttons which will halt the code generation process, enable the Search bar and clear the page box.

Proposed Solution
Two buttons on side of search bar "Stop" and "Clear" will be enabled only after hitting query and will perform the action described in description.

Alternatives Considered
Not for now

Additional Information
None

[BUG] OpenAI result don't generate code

Bug Report

Description
I download the last release and set my OpenAI key, when I run the site and execute my prompt, the result is: "Sorry, but I'm unable to generate the HTML code for your requested design as it goes beyond my capabilities as a language model AI."

Steps to Reproduce
On every request to OpenAI

Using PNPM

Hello. Nice project you have going.

Like to experiment with this in a classroom environment. We have local dev servers that run AlmaLinux 8.

When getting to install step: pnpm install get the following error:

[root@room121server ~]# pnpm install
-bash: pnpm: command not found

Having heck of time trying to make PNPM install/make work on AlmaLinux 8. Is there any another way to install aipage.dev not using PNPM?

Hi, I'm trying to use this project, But have a problem in Altogic database, How can I get all fields of this project ?

Bug Report

Description
⚠️ Please provide a clear and concise description of the bug.

Steps to Reproduce
⚠️ Please provide step-by-step instructions to reproduce the bug.

Expected Behavior
⚠️ Please describe what you expected to happen.

Actual Behavior
⚠️ Please describe what actually happened.

Additional Information
⚠️ Add any additional information or context about the bug here.

Update prompt and model

Feature Request

Description
Update prompt and model for new sections

Proposed Solution
🤞🏻

Alternatives Considered
🤞🏻

Additional Information
🤞🏻

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.