"In this video i used https://www.create.xyz/?via=nic-conley to create 3 web apps using only text.
Tools Used:
Create XYZ - https://www.create.xyz/?via=nic-conley
Work with me: [email protected]
Connect with me on Twitter https://x.com/niconley
Chapters:
00:00 - Intro
00:48 - In the tool
01:43 - App #1 (On Target Earnings Calculator)
05:46 - App #2 (Book ratings)
08:39 - App #3 (Weather search by zip code app)
Prompts used to create each app:
1/ First App: On Target Earnings Calculator
"Please create me a webpage that is an 'On Target Earnings Calculator' for salespeople.
The webpage should have a black background with neon green button's and text. On the top of the webpage, please put a large text title that says 'On Target Earnings Calculator For Salespeople".
On the left card of the page please but input fields for 'base salary' and 'total quota' and 'commission percentage' and 'bonus'. Underneath those input fields, please put text that says 'total on target earnings', and under that, please put a big button that says calculate.
When someone clicks on the calculate button, please do the following calculation, and put the answer next to the text that says "total on target earnings'. Calculation should be 'base salary' + 'bonus' + ('total quota'*'commission percentage'). "
2/ Second App: Book ratings
I'd like you to help me create a book recommendations website that allows the user to input a book title and a book rating from 1 to 5 stars.
The webpage should have a red background with white boxes and buttons. Please make a large title text that says "Books I've Read" in the middle top of the page in white text.
Underneath should be two input boxes. One labeled 'Book title" will be a text input and one labeled 'stars 1-10' will be a number input.
Underneath those will be a large white button labeled "submit'.
When someone clicks Submit, please add the inputs into (database).
3/ Third App: Weather search by zip code app
PLease use this video as the background on this webpage: (Insert video link).
Header Text: Find the weather with Zip
Subheading: Weather from Zip
Add a block that checks the weather using WEATHER BY CITY
Weather By City
when the user enters a zip code in the input field labeled 'zippy'. Also add a button that says 'send it'. When someone clicks the button, use the zip code in the input box to search the weather.