"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[3577],{4405:(e,t,n)=>{n.d(t,{A:()=>o});n(6540);var s=n(9136),r=n(4848);function i(e){let{children:t,fallback:n}=e;return(0,s.A)()?(0,r.jsx)(r.Fragment,{children:t?.()}):n??null}function o(e){let{children:t}=e;return(0,r.jsx)(i,{children:()=>{const e=function(){return"undefined"==typeof window?"":window.location.hostname}();if("function"==typeof t){const n=t(e);return(0,r.jsx)("div",{className:"markdown markdown--section",children:n})}return(0,r.jsx)("code",{children:e})}})}},5263:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>p,frontMatter:()=>c,metadata:()=>s,toc:()=>d});const s=JSON.parse('{"id":"quick-start/start-project","title":"Start Your Project","description":"You can begin using  in several ways, tailored to your preferences and available resources:","source":"@site/userGuide/quick-start/start-project.md","sourceDirName":"quick-start","slug":"/quick-start/start-project","permalink":"/guides/user/quick-start/start-project","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":22,"frontMatter":{"sidebar_position":22},"sidebar":"sidebar","previous":{"title":"Account Quick Access","permalink":"/guides/user/quick-start/account-quick-access"},"next":{"title":"Enhance Your Project with Full-Stack Capabilities","permalink":"/guides/user/quick-start/full-stack"}}');var r=n(4848),i=n(8453),o=(n(4405),n(8175));const c={sidebar_position:22},a="Start Your Project",l={},d=[{value:"Prompt:",id:"prompt",level:3},{value:"Templates:",id:"templates",level:3},{value:"Using images to generate a project:",id:"using-images-to-generate-a-project",level:3}];function u(e){const t={a:"a",h1:"h1",h3:"h3",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"start-your-project",children:"Start Your Project"})}),"\n",(0,r.jsxs)(t.p,{children:["You can begin using ",(0,r.jsx)(o.A,{})," in several ways, tailored to your preferences and available resources:"]}),"\n",(0,r.jsx)(t.h3,{id:"prompt",children:"Prompt:"}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsx)(t.p,{children:"Our prompt-based system simplifies the process of creating apps."}),"\n"]}),"\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsx)(t.p,{children:"Simply describe what you want to build in the prompt box."}),"\n"]}),"\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsx)(t.p,{children:"The more specific your description, the better the outcome will be."}),"\n"]}),"\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsx)(t.p,{children:"Begin with clear and detailed prompts to achieve optimal results."}),"\n"]}),"\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsx)(t.p,{children:"You can refine and adjust your project as needed throughout the process."}),"\n"]}),"\n"]}),"\n",(0,r.jsxs)(t.p,{children:["Please refer to ",(0,r.jsx)(t.a,{href:"/user/prompting-guide",children:"Prompt Guide"})," for detail instruction"]}),"\n",(0,r.jsx)(t.h3,{id:"templates",children:"Templates:"}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsx)(t.p,{children:(0,r.jsx)(t.img,{src:n(9901).A+"",width:"1423",height:"713"})}),"\n"]}),"\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(o.A,{})," provides templates for popular project types like dashboards, e-commerce sites, and social apps, allowing you to set up your project quickly."]}),"\n"]}),"\n",(0,r.jsxs)(t.li,{children:["\n",(0,r.jsx)(t.p,{children:"After loading a template, use prompts to customize features, add new elements, or refine the design to perfectly align with your vision."}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(t.h3,{id:"using-images-to-generate-a-project",children:"Using images to generate a project:"}),"\n",(0,r.jsxs)(t.p,{children:["Capture a screenshot of your design (e.g., a Figma mockup, hand-drawn sketch, or competitor\u2019s site).  You can select images from your folder to upload the screenshot directly to ",(0,r.jsx)(o.A,{}),'. Once you click "Generate your website" button, ',(0,r.jsx)(o.A,{})," will Convert it into functional, responsive code."]}),"\n",(0,r.jsxs)(t.ul,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.img,{src:n(7999).A+"",width:"1410",height:"716"})}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(u,{...e})}):u(e)}},7999:(e,t,n)=>{n.d(t,{A:()=>s});const s=n.p+"assets/images/figma-fee179aabe4878da18178bbc28030666.png"},8175:(e,t,n)=>{n.d(t,{A:()=>r});n(6540);var s=n(4848);function r(){return(0,s.jsx)("code",{children:"EZsite"})}},8453:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>c});var s=n(6540);const r={},i=s.createContext(r);function o(e){const t=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),s.createElement(i.Provider,{value:t},e.children)}},9901:(e,t,n)=>{n.d(t,{A:()=>s});const s=n.p+"assets/images/template-8112b36b5704bd870b454c8874fa37e3.png"}}]);