✓
افتح YouTube ودور على `Lovable app built in minutes` و`Bolt.new app demo`. اتفرج على فيديو واحد 3 دقايق. اكتب جملة واحدة في Google Doc فاضي تجاوب فيها على: `What is the difference between learning to code and using a vibe coding tool?` ولازم الجملة دي تبقى موجودة بالنص: `Learning to code means writing instructions for a computer. Vibe coding means describing what you want to a AI that writes the instructions.` ما تكملش غير لما الجملة تبقى مكتوبة.Open YouTube and search `Lovable app built in minutes` and `Bolt.new app demo`. Watch ONE 3-minute demo video. Write one sentence in a blank Google Doc answering: `What is the difference between learning to code and using a vibe coding tool?` The correct answer somewhere in your doc: `Learning to code means writing instructions for a computer. Vibe coding means describing what you want to a AI that writes the instructions.` Do not continue until that sentence exists in your doc.
10 دmin
✓
روح لـ drive.google.com -> New -> Folder وسمّيه `App Build - 30 Days`. جواه اعمل 3 حاجات: Google Doc باسم `App Spec` وGoogle Doc باسم `Build Log` وGoogle Sheet باسم `User Feedback`. وسيب التلاتة مفتوحين في 3 tabs.Go to drive.google.com -> New -> Folder -> name it `App Build - 30 Days`. Inside it create 3 items: a Google Doc named `App Spec`, a Google Doc named `Build Log`, and a Google Sheet named `User Feedback`. Leave all three open in separate tabs.
10 دmin
✓
افتح `App Spec` وجاوب على الـ 6 أسئلة دول بالترتيب - من غير اختصارات ومن غير إجابات عامة: 1. إيه المشكلة اللي التطبيق بيحلها ولمين؟ 2. إيه الفعل الأساسي الواحد اللي المستخدم بيعمله؟ 3. الشاشة الأولى شكلها عامل إزاي؟ 4. إيه اللي بيحصل بعد ما المستخدم يكمّل الفعل الأساسي؟ 5. التطبيق محتاج يحفظ إيه من بيانات؟ 6. إيه 3 حاجات مش هتبقى في v1؟ ما تفتحش الـ builder قبل ما تكمّلهم.Open the `App Spec` doc and answer these 6 questions in order - no shortcuts, no vague answers: 1. In one sentence: what problem does your app solve and for whom? 2. What is the ONE core action a user does in the app? 3. What does the app look like on screen 1? 4. What happens when the user completes the core action? 5. What data, if any, does the app need to save? 6. What should the app NOT do in version 1? Do not open the builder until this doc is complete.
30 دmin
✓
قبل ما تفتح أي builder، افتح tab فاضي وعرّف الـ 4 كلمات دول بكلماتك - جملة واحدة لكل كلمة. لو مش عارف، دور 30 ثانية واكتب اللي فهمته: Component يعني جزء UI بيتعاد استخدامه. Database يعني المكان اللي التطبيق بيخزن فيه المعلومات. Deploy يعني إن التطبيق يبقى شغال على URL الناس تفتحه. Prompt يعني النص اللي بتكتبه للـ AI عشان يبني. الكلمات دي هتقابلك بعد كده طول الوقت.Before you open any builder, open a blank tab and define these 4 terms in your own words - 1 sentence each. If you cannot, search for 30 seconds then write what you found: Component: a reusable piece of visible UI. Database: where the app stores information so it survives a page refresh. Deploy: making the app live at a URL others can open. Prompt: the text you type to tell the AI what to build. These 4 words appear in every task from Day 6 onwards. Know them now.
15 دmin
✓
افتح Google ودور على 3 أدوات شبه صفحة الهبوط أو الفورم بتاعك. لكل واحدة اكتب في `App Spec`: إيه اللي شغال كويس، وإيه الناقص أو الوحش، وحاجة واحدة محددة نسختك هتعملها بشكل مختلف. الجدول ده هو تموضعك من غير لف كتير.Open Google and search for 3 existing tools that do roughly what your landing page or form does. For each one write in `App Spec`: what they do well, what is missing or ugly, and one specific thing your version will do differently. This 3-column table becomes your positioning in under 20 minutes.
20 دmin
✓
افتح Google ودور على `[your tool type] free online calculator` أو `[your tool type] web tool`. هات 3 نسخ موجودة من فكرتك. لكل واحدة اكتب في `App Spec`: شكل النتيجة بيبقى إزاي، وإيه المدخلات، وحاجة واحدة المستخدم ممكن يشتكي منها. لازم v1 بتاعك يصلّح شكوى واحدة على الأقل.Open Google and search `[your tool type] free online calculator` or `[your tool type] web tool`. Find 3 existing versions of your idea. For each write in `App Spec`: what the output looks like, what inputs it takes, and one thing a user would complain about in reviews. Your tool's v1 must fix at least one of those complaints.
20 دmin
✓
اكتب في `App Spec`: إيه البيانات اللي الـ dashboard هيعرضها، ومين هيسجّل دخول يشوفها، وبتتحدث كل قد إيه، والمستخدم بيعمل إيه بعد ما يشوفها. بعدين اكتب الجملة دي وكملها: `The client will consider this dashboard a success when they can [specific action] without asking me.` دي هتبقى acceptance criterion بتاعك.Write in `App Spec`: what data the dashboard will show, who will log in to see it, how often it updates, and what action the user takes after reading it. Then write one sentence: `The client will consider this dashboard a success when they can [specific action] without asking me.` That sentence is your acceptance criterion.
20 دmin
✓
اكتب في `App Spec`: 1. النسخة المجانية بتعمل إيه والمدفوعة بتزود إيه؟ 2. المستخدم بيدفع بالظبط مقابل إيه - استخدامات أكتر، feature مدفوعة، ولا إزالة limit؟ 3. أقل سعر شهري بالجنيه يخلي الشغل ده يستاهل وقتك إيه؟ 4. بعد الـ signup المستخدم بيشوف إيه في أول شاشة؟ وبعدها ارسم 3 مربعات على ورقة: free action وpaywall moment وpaid outcome، وصوّرها واكتب وصفها في `App Spec`.Write in `App Spec`: 1. What does the free tier do and what does the paid tier add? 2. What is the exact thing the user pays for - more uses, a premium feature, or removing a limit? 3. What is the minimum monthly price in EGP that makes this worth your time? 4. What happens after signup - what does the user see on screen 1? Then draw a 3-box flow on paper: box 1 = free action, box 2 = paywall moment, box 3 = paid outcome. Take a phone photo and paste the description into `App Spec`.
25 دmin
✓
روح لـ lovable.dev -> اضغط `Start building` -> سجّل بـ Google؛ الخطة المجانية فيها 5 credits يوميًا و30 credit في الشهر والمشاريع public بس. بعد الدخول اضغط `New project`. في أول message box الصق الـ prompt ده بالنص: `Build a simple one-screen app with a white background. It has a text input field labeled "Your name" and a button labeled "Greet me". When the button is clicked, show a message below that says "Hello, [name]!" where [name] is what the user typed. Nothing else.` -> اضغط Send. جرّبه بالاسم بتاعك ولو اشتغل احفظ الـ URL في `App Spec`.Go to lovable.dev -> click `Start building` -> sign up with Google -> free plan: 5 daily credits (reset midnight UTC), 30 credits/month total, public projects only. After signup click `New project`. In the first message box paste this exact test prompt: `Build a simple one-screen app with a white background. It has a text input field labeled "Your name" and a button labeled "Greet me". When the button is clicked, show a message below that says "Hello, [name]!" where [name] is what the user typed. Nothing else.` -> click Send. Watch it build. When the preview appears, type a name and click the button. If it works, you have proven the tool works. Save the project URL in your `App Spec` doc.
25 دmin
✓
روح لـ bolt.new -> اضغط `Start building for free` -> ادخل بـ Google؛ الخطة المجانية 300,000 token يوميًا وفيها Bolt branding على الرابط. بعد الدخول اضغط `New Chat`. في الـ prompt box الصق ده بالنص: `Build a simple one-screen app with a white background. It has a text input field labeled "Your name" and a button labeled "Greet me". When the button is clicked, show a message below that says "Hello, [name]!" where [name] is what the user typed. No backend, no database, just the UI and this one interaction.` -> اضغط Send. جرّبه باسمك وبعدين اضغط `Deploy` واحفظ الـ URL في `App Spec`.Go to bolt.new -> click `Start building for free` -> sign in with Google -> free plan: 300,000 tokens/day (resets midnight), Bolt branding on your hosted URL. After signin click `New Chat`. In the prompt box paste this exact test: `Build a simple one-screen app with a white background. It has a text input field labeled "Your name" and a button labeled "Greet me". When the button is clicked, show a message below that says "Hello, [name]!" where [name] is what the user typed. No backend, no database, just the UI and this one interaction.` -> click Send. When the preview shows, test it with your name. Click `Deploy` in the top right to get a live URL. Save that URL in `App Spec`.
25 دmin
✓
روح لـ v0.dev -> اضغط `Sign in` -> استخدم حساب Vercel أو اعمل واحد؛ الخطة المجانية فيها $5 credits كل شهر. بعد الدخول اضغط `New chat`. في الـ prompt box الصق ده بالنص: `Create a React component: a white card with padding, a text input labeled "Your name", a blue "Greet me" button, and a message area below that shows "Hello, [name]!" when the button is clicked. Clean, minimal styling with Tailwind. Export as a single self-contained component.` -> اضغط Generate. لما يطلع افتح الـ preview وجرّبه، وبعدها انسخ الكود واحفظه في Google Doc جديد اسمه `Component Library`.Go to v0.dev -> click `Sign in` -> use your Vercel account or create one -> free plan: $5 monthly credits (token-based, resets monthly). After signin click `New chat`. In the prompt box paste this exact test: `Create a React component: a white card with padding, a text input labeled "Your name", a blue "Greet me" button, and a message area below that shows "Hello, [name]!" when the button is clicked. Clean, minimal styling with Tailwind. Export as a single self-contained component.` -> click Generate. When it appears, click the preview tab and test it. Copy the component code and save it in a new Google Doc named `Component Library` in your Drive folder.
25 دmin
✓
افتح `App Spec` واعمل section اسمها `Build Prompt v1`. باستخدام إجاباتك من Task 2 اكتب prompt واحد لأداة الـ AI اللي اخترتها. لازم يشمل: 1. التطبيق بيعمل إيه في جملة واحدة، 2. الشاشة الأولى فيها إيه بالتفصيل، 3. الفعل الأساسي الواحد وإيه اللي بيحصل بعده، 4. إيه البيانات اللي لازم تتخزن، 5. الستايل في 3 كلمات. احفظ الـ section دي قبل ما تفتح الـ builder في Day 6.Open `App Spec` and write a section titled `Build Prompt v1`. Using your 6-question answers from Task 2, write a single prompt for your chosen AI tool. It must include: (1) what the app does in one sentence, (2) what is visible on screen 1 - every element, (3) the one core user action and what happens after, (4) any data that needs to be saved, (5) the visual style in 3 words. Save this section before you open the builder on Day 6.
20 دmin