Dora Tutorial: Build a 3D Website in 15 mins

Подписаться 12 тыс.

Просмотров 55 тыс.

50% 1

Through this tutorial, you will learn how to build a basic website using Dora in just 15 minutes ✨
00:00 Introduction
00:28 Explaining feature "Constraint Layout"
01:42 Building navigation bar with components
06:57 Importing 3D model
07:43 Creating scroll animation
12:41 Creating hover effects
14:35 Building multiple pages inside Dora
📂 Project files: www.dora.run/e/1115381?page=P...
👩‍🚀 Try Dora: dora.run/
☎️ Find us on:
Twitter: / doratool
Instagram: https:/ doraplatform
TikTok: https:/www.tiktok.com/@doranocode
🌟 Join Discord community: s.dora.run/dora-discord
🌎 Join Dora community: s.dora.run/dora-community
#uiux #webdesign #nocode #nocodeplatform #fyp #design #3danimation #3ddesign

Опубликовано:

21 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 55

@jomsmedia9371 Год назад

Wow, this tutorial with Dora is fantastic! Building a 3D website in just 15 minutes? That's incredible! The step-by-step instructions were clear and easy to follow, making it perfect for entry-level developers like me. Dora's explanations were concise, and her enthusiasm made the whole process even more enjoyable. I appreciate how she emphasized the importance of user experience and provided tips on optimizing performance. Now I feel confident to explore more 3D website development on my own. Thanks to Dora and this tutorial, I've taken a significant leap in my web development journey!

@markyichen6195 Год назад

That's slick! Why aren't you guys famous yet? This is a world design breakthrough!

@sbeck9205 Год назад

3d motion graphics meets web design but in an awesome way. Well done Dora team this is an amazing looking tool!!!

@DoraTool Год назад

Thank you for this supportive comment! We really appreciate your encouragement and it means a lot to us 💖

@fifprobill Год назад

Can't believe how simple Dora is 🙆🏾

@youoneofus Год назад

Fantastic!

@sachiupasani4768 Год назад

Please do more entry level tutorials

@FelipeOliveira-bd2lx Год назад

Amazing

@bySterling Год назад

Holy Wow!!

@Zoe-ki4tj 9 месяцев назад

Hello! I'm really glad that I've found out this tool. Although I cannot import my 3D model (It says 'File format unrecognized or cannot convert') I've tried glb, gltf, 3sd and blend. Why would be the possible reasons for this?

@RobVanbasterFitzunn 8 месяцев назад

ESSE DORA TÁ MARAVILHOSO

@imkangbean Год назад

the way, I'm making a site while watching your video, but is there a shortcuts easy access or keywords..?? for 1:19 Viewport Top / Page Top? or how to make this tab visible?? What is i scroll???

@kabasakal5841 8 месяцев назад

wtf amazing, will be change world website designs

@MrSumeetshetty Год назад

How can i export the code so that i can add more react components on top of it and integrate it with backend?

@ethanmax97 10 месяцев назад

Hello, is it possible to design the website to accommodate all devices? It should be able to adapt to whatever device the link is being opened from?

@manaslaud2465 Год назад

As a designer, can I use your platform to design and host my own portfolio website?

@whasuklee 7 месяцев назад

3:07 For "Distribute horizontal spacing," the yellow vertical bar appears if I click more than two compoenents.

@hanirdi7920 Год назад

This is an awesome tool , it have ability to replace the figma. It is understood you will update gradually but here are some quick updates should have to consider: 1. Must add HSB option in colors choice 2. Quick Action like in figma Cmd+/ 3. Bring some AI options as well

@DoraTool Год назад

Thank you for these suggestions! We have noted them down and will consider them for our future updates. Feel free to join our Discord community to discuss more with other Dora lovers: discord.gg/4N9xvtBRMn

@funnyvideos.- Год назад

Is there any course available on dora ?

@kenn.3th Год назад

Can you give us the individual files that you used for this project? For example the 3d model file, and the logo files. So we can follow along from scratch with you. Please and thank you

@pakau Год назад

Dora is really good. it looks like figma.. but even better. because it can publish directly.

@limaraianna 10 месяцев назад

How do I download project images? I didn't find this option in Dora.

@sammile 2 месяца назад

When I have created a website with dora and published it. How can I get emails about it? Is there a tutorial about it ?

@thewebstylist 5 месяцев назад

Wow! How does this look on mobile pls?

@notimeforcode5770 Год назад

Where is the undo option. ctrl z doesn't work

@orlandogarduno1 8 месяцев назад

gracias, aunque se ve complicado, espero hacer pronto mi página con dora.

@neuromante146 7 месяцев назад

Thanks for the tutorial but it seems to me you're missing some part. at 2:34 you're creating the interaction, than you close the tab, some things are changed, it's not hover anymore but it's mouse leave and i don't understand what is happening on the component on the right. It goes from having default with text 1 and state 1 with text 1 to default and text 1 to just default. This is really confusing me.

@sergioalmeidasantos5956 Месяц назад

wow...but I couldn't find this information, but what type of code will Dora generate? Is it possible to export this code (Html)? Will it be possible to test the site live before it is published? How does the issue of metadata and SEO parameters work?

@luanareinholzPersonal Год назад

I'm following the step by step, but for some reason I can't copy and paste! In fact, I can copy it, a message appears saying that it was realised, but it doesn't paste, nothing appears. Neither using Ctrl+c Ctrl+V, nor the command with the right mouse button. If anyone can help me, I'd be very grateful. Ah, I started 2 projects and the error continues :/

@SamiyaFatima-en1ip 2 месяца назад

Can i make websites for clients

@shyam079 Год назад

Excellent no coding tool. Really loved it. Please give a tutorial for the responsive screens. I find difficult to resize the elements from desktop to mobile screens. Is there any better and fast options in Dora?

@DoraTool Год назад

Thank you for your suggestion! We will come up with another tutorial soon to discuss more about the responsive part and the breakpoints.

@aresfernandezm.f.2593 2 месяца назад

Buenos días, acabo de ver tu video hoy 13 de mayo 2024 y te pediría si puedes hacer un video mas actualizado de como realizar una pagina web con Dora IA y ver paso a paso como se debe de realizar, gracias.

@DoraTool 2 месяца назад

Hi, you can check out our Dora AI tutorial series here: ru-vid.com/group/PL6EN-PRokpQMJn6vUfOdAuvw27afzc7sT

@saifaliksa8085 Год назад

This amazing..I'm gonnna use it...Just want to know how we can add social account links?

@DoraTool Год назад

You can select 'Open Link' in the event section. Feel free to join our Discord community to discuss more with other Dora lovers: discord.gg/4N9xvtBRMn

@tatumevans692 Год назад

in future can you add the assets so we can use them we follow along?

@DoraTool Год назад

Hi there! Here is the project files you can copy to use: www.dora.run/e/7316?copykey=a2ca7698-e7e4-4298-bec1-588563dc21c3

@mrabtel6274 8 месяцев назад

what's the type of file you upload in '3D model' i tried a png but it didn't work

@DoraTool 6 месяцев назад

We support 3ds, dae, fbx, glb/gltf, obj, ply, zip file formats as long as they're under 20 MB! If you still can't import try reaching out via our Discord: s.dora.run/dora-discord

@Lojca Год назад

I want to remove "made with dora" to publish my site. How can i do it???

@DoraTool Год назад

Hello there! As long as you connect to your own domain, the watermark will disappear. Check out more information here: dora-design.notion.site/Publish-Your-Project-be8260e71892403da18d0d8a3f24b0e4

@betzybarragan Год назад

Please also make a tutorial for Wordpress. Thanks a lot!!!

@yfchristina442 Год назад

This is web building software, perhaps you could try it out!

@snowrowe 6 месяцев назад

How did she group them at 3:10 ?

@DoraTool 6 месяцев назад

Try using the keyboard shortcut Cmd + G or Ctrl + G!

@aresfernandezm.f.2593 2 месяца назад

Good morning, I just watched your video today, May 13, 2024, and I would ask you if you could make a more updated video on how to make a website with Dora AI and see step by step how it should be done, thank you.

@DoraTool 2 месяца назад

Hi, you can check out our Dora AI tutorial series here: ru-vid.com/group/PL6EN-PRokpQMJn6vUfOdAuvw27afzc7sT

@NorthsideHawk Год назад

Still on the waitlist

@theman7050 Год назад

Are you Weidi? :D

@taralester4324 10 месяцев назад

this is an amazing tool but i was devastated to see when i signed up for beta access i am number 293,000... how is it feasible you all are still even taking applicants if your logs are that far behind in reference to access? i am a current web designer and could be using and teaching others to use your tool, but instead i wont have access for months and will find an alternative :(

@DoraTool 6 месяцев назад

Hi there! Dora is and has been available to use for free since early 2023. Please try signing up via dora.run (: We apologize for the wait for Dora AI. Due to high demand we are prioritizing pushing Dora AI as much as we can, despite being a small team and already managing the existing no-code editor. Thank you for your patience and understanding, and we hope to show you Dora AI as soon as possible!