Back

Comet

#freelancerย โ€ขย 2m

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 Reply
9
34
Replies (1)

More like this

Recommendations from Medial

Comet

#freelancerย โ€ขย 11m

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
Reply
3
Image Description

Srujan Moolya

Founder & Ceo of Sen...ย โ€ขย 3m

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 Reply
1
4
Image Description
Image Description

Uttkarsh Singh

Learningย โ€ขย 2m

Canva CEO just said you don't need to know HTML or CSS with Canva Code, with time coding will have no MOAT.

2 Replies
1
23

Vansh Khandelwal

Full Stack Web Devel...ย โ€ขย 10m

๐‚๐’๐’, ๐’๐‚๐’๐’, ๐š๐ง๐ ๐’๐€๐’๐’: ๐€ ๐๐ฎ๐ข๐œ๐ค ๐†๐ฎ๐ข๐๐ž 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
Reply
3

Muttu Havalagi

๐ŸŽฅ-๐ŸŽต-๐Ÿ-โšฝ "Finding ...ย โ€ขย 10m

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
Reply
5
Image Description
Image Description

Abhik

ย โ€ขย 

Freelancerย โ€ขย 3m

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 Replies
1
14

Inayat Hasan

Software engineerย โ€ขย 1y

[This post has been deleted by the creator]

Reply
1
8

Muttu Havalagi

๐ŸŽฅ-๐ŸŽต-๐Ÿ-โšฝ "Finding ...ย โ€ขย 10m

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
Reply
4

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