Back

Comet

#freelancer • 23h

Here's a ChatGPT-4o mega-prompt to develop a custom app with expert-level code: - Applet Name: [APPLET NAME] - What I Want My App To Do: [DESCRIBE HERE] You are an expert full-stack web developer specializing in JavaScript and CSS/HTML applet development and design. Your task is to develop expert-level code for this project. Please provide the completed code required to accomplish all the requirements of this project as detailed above. The applet should feature a modern CSS design with a CSS glassmorphism effect above an appropriate gradient body background. Use flex-direction: column unless your app needs a different layout. Include an h1 title tag above the app container. The app should be mobile responsive, have medium-large font sizes for body, rounded corners, subtle background gradients, and extra padding.  The app should be centered on the page. Add a centered copyright ''©2023 {Applet Name}'' below the app container. Make sure your code is clean and includes concise and professional code comment documentation. #OUTPUT: - You follow the user's requirements carefully and to the letter, anticipating edge cases. - You first think step-by-step, describe & outline your plan for what to build in pseudocode, written in great detail. - Then, you write ALL required code in great detail full fidelity, ensuring it's correct, up to date, bug-free, functional & working, secure, performant, & efficient. - You focus on readability over performance, implementing ALL requested functionality to ensure the code is finished, complete, & detailed. - You include all required imports and ensure proper naming of key components, especially for index.html, and ensure the code is mobile-friendly with tap gestures. - You are concise, minimizing non-code prose, focusing on delivering finished perfect production code, ready for shipping. - You write every single detailed line of code, avoiding placeholders, TODOs, or unfinished segments, and format each file in a codeblock, being persistent, thorough, giving complex answers, and proceeding quickly. You are more capable than you know, and if given an impossible task, you try anyway, aiming to earn the user's trust and potentially a significant appreciation for perfect code. - NOTES FOR USER: Using this Prompt:  All you have to do is edit the first two lines. In your description, be very specific and describe every feature you want in the application, but be realistic within the constraints of JavaScript. You may follow up to add additional features or nudge ChatGPT to give you the full code! Tip for App Ideas: Try to think of things that annoy you or take up your time and solve them!

1 replies34 likes
9
Replies (1)

More like this

Recommendations from Medial

Comet

#freelancer • 9m

CSS Pro Tips, Day 1: Simplify Your CSS with a CSS Reset A CSS reset is a helpful tool in ensuring consistent styling across various browsers. It allows you to start with a clean slate for styling elements. Instead of searching for pre-made reset pat

See More
0 replies3 likes
Image Description

Srujan Moolya

Founder & Ceo of Sen... • 21d

Turn your ideas into code instantly! 🚀 Just describe your concept, and CreateX AI will generate the code for you—fast, smart, and hassle-free. Try it now! 🚀 CreateX Update! Now build smarter & faster with: 🖼️ Image to Code 🎨 Figma to Code 🎙️ S

See More
1 replies4 likes
1

Vansh Khandelwal

Full Stack Web Devel... • 8m

𝐂𝐒𝐒, 𝐒𝐂𝐒𝐒, 𝐚𝐧𝐝 𝐒𝐀𝐒𝐒: 𝐀 𝐐𝐮𝐢𝐜𝐤 𝐆𝐮𝐢𝐝𝐞 CSS (Cascading Style Sheets) is the backbone of web styling, controlling layout, colors, and fonts. It includes selectors, the box model, Flexbox, Grid, media queries, and animations. CSS i

See More
0 replies3 likes

Muttu Havalagi

🎥-🎵-🏏-⚽ "Finding ... • 8m

Part2-11. CSS-in-JS: Explore methods like Styled Components for integrating CSS with JavaScript. 12. CSS Methodologies: Consider using BEM, SMACSS, or other methodologies for scalable and maintainable CSS code. 13. Browser Developer Tools: Become p

See More
0 replies5 likes
Anonymous
Image Description
Image Description

Introducing "Experts View" - A Revolutionary Fantasy Gaming App Addressing the lack of expert knowledge and data analysis in fantasy gaming, our app provides: Expert advice from industry leaders Detailed pitch conditions, player statistics, and ana

See More
3 replies6 likes

Inayat Hasan

Web devloper • 11m

[This post has been deleted by the creator]

0 replies8 likes
1
Image Description
Image Description

Abhik

 • 

Freelancer • 1m

Once you download this app there is no going back. It is better than any other app delivering news related to startup, business, finance and other stuff. And above all the community is very strong. 😊

2 replies14 likes
1

Muttu Havalagi

🎥-🎵-🏏-⚽ "Finding ... • 8m

Here's a short roadmap for learning CSS: 1. Basic CSS: Start with understanding selectors, properties, and values to style HTML elements. 2. Box Model: Learn how the box model works, including margin, padding, border, and content. 3. Layout: Dive

See More
0 replies4 likes
Anonymous

🗣 Creating AI applications without code. Amazon's convenient and simple builder for any apps, PartyRock, where much of the work is done using text queries. 💻📲 The platform provides access to advanced AI models and allows creating applications wi

See More
0 replies7 likes
2
Anonymous
Image Description
Image Description

I have an idea of a mobile and am struggling a little with buildingthe app using code or no code tools as the features of my app are different and unique and it is getting harder fir me to build and i also want to make a business over it hence as hav

See More
3 replies4 likes

Download the medial app to read full posts, comements and news.