Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: •... Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #Reactshow more

Glenda Diaz

2,774 subscribers

15,568 görüntüleme • 3 yıl önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Yorum

shrishti profil fotoğrafı

shrishti3 yıl önce

This looks stunning Glenda. I have been following your journey into building this, and I couldn't be happier to see your efforts coming live.

Glenda Diaz profil fotoğrafı

Glenda Diaz3 yıl önce

Hi Shrishti, I'm happy that you like it! 🙌😊🎉 I'm so thankful for constant support!

Josy Ejiro profil fotoğrafı

Josy Ejiro3 yıl önce

Outstanding job Glenda 👌🙌🏼😊 I love how you detailed the features/tools you used for your project It's amazing 🤝🏼

Glenda Diaz profil fotoğrafı

Glenda Diaz3 yıl önce

@JosephSR14 Hi Joe, thanks to you! for supporting me, I am very glad that you liked my work. 😊🙌🥳

Lj profil fotoğrafı

Lj3 yıl önce

Super impressive, Glenda 🚀very well done indeed 😀👏

Glenda Diaz profil fotoğrafı

Glenda Diaz3 yıl önce

Hi Linzi, thanks for supporting me and the motivation😊🙌🩷

Oscar Bastos profil fotoğrafı

Oscar Bastos3 yıl önce

Outstanding job, Glenda! Your project looks awesome, and it's clear that you put in a lot of effort to make it so. 👏

Glenda Diaz profil fotoğrafı

Glenda Diaz3 yıl önce

Hi Oscar, your words mean a lot to me 🙌😊, many thanks for your constant support. 🎉

Dev khay 🤓⚛️ ♊️ profil fotoğrafı

Dev khay 🤓⚛️ ♊️3 yıl önce

Wow … nice 👍

Glenda Diaz profil fotoğrafı

Glenda Diaz3 yıl önce

Hi Khay, Im happy that you like it 🙌👏🎉

Benzer Videolar

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

CodeHagen

241,680 görüntüleme • 1 yıl önce

Turn an ESP32-C3 into your own desktop flight radar. ✈️ Micro-radar is a fun open-source project that displays live nearby aircraft on a circular display using flight data from the OpenSky API. Topics Covered - ESP32-C3 firmware - Wi-Fi networking - REST API integration - JSON parsing - Embedded graphics - Circular LCD displays - Real-time data visualization - Arduino development - 3D-printed enclosure design Why It's Worth Building - Learn embedded networking with real-world APIs - Build a polished desktop gadget - Explore embedded UI design - Easy to customize with your own data sources - Fully open source It's a great example of how embedded systems, cloud APIs, and clean hardware design can come together to create a practical project.

Turn an ESP32-C3 into your own desktop flight radar. ✈️ Micro-radar is a fun open-source project that displays live nearby aircraft on a circular display using flight data from the OpenSky API. Topics Covered - ESP32-C3 firmware - Wi-Fi networking - REST API integration - JSON parsing - Embedded graphics - Circular LCD displays - Real-time data visualization - Arduino development - 3D-printed enclosure design Why It's Worth Building - Learn embedded networking with real-world APIs - Build a polished desktop gadget - Explore embedded UI design - Easy to customize with your own data sources - Fully open source It's a great example of how embedded systems, cloud APIs, and clean hardware design can come together to create a practical project.

Praveen Kumar Verma

67,567 görüntüleme • 1 ay önce

Introducing proof of concept React Imgui! The name is a joke, but it is accurate enough. In the last few days I have been working on a prototype of React driving Dear ImGui using Static Hermes. The result is a fully native app written almost entirely in JavaScript, using unmodified React, typed JS, plus a very small amount of glue C++ code and unmodified Dear ImGui and Sokol. The actual renderer translating React into Dear ImGui is written entirely in typed JS using zero-cost FFI. Of course this wouldn't be possible without React's great design and flexibility. I find it really fascinating that I was able to take literally unmodified React, write a little extra JS, and get a functional fully native app so quickly. Of course everything is unoptimized, and prototype code quality, and who knows how buggy, but it seems to work well enough. Please, watch the video to see it in action. If there is interest, I will write a more detailed article.

Introducing proof of concept React Imgui! The name is a joke, but it is accurate enough. In the last few days I have been working on a prototype of React driving Dear ImGui using Static Hermes. The result is a fully native app written almost entirely in JavaScript, using unmodified React, typed JS, plus a very small amount of glue C++ code and unmodified Dear ImGui and Sokol. The actual renderer translating React into Dear ImGui is written entirely in typed JS using zero-cost FFI. Of course this wouldn't be possible without React's great design and flexibility. I find it really fascinating that I was able to take literally unmodified React, write a little extra JS, and get a functional fully native app so quickly. Of course everything is unoptimized, and prototype code quality, and who knows how buggy, but it seems to work well enough. Please, watch the video to see it in action. If there is interest, I will write a more detailed article.

Tzvetan Mikov

211,272 görüntüleme • 11 ay önce

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

Pratham

33,920 görüntüleme • 8 ay önce

Knowledge graphs for representing information are unbeatable. After this, you will never build a RAG system without knowledge graphs. It will take you five lines of code to build a knowledge graph with your data. I recorded a video to show you how you can do this. I used Cognee, an open-source library that outperforms any basic vector search approach in terms of retrieval relevance. They are collaborating with me on this post. Cognee is: • Easy to use • Reduces hallucinations • Open-source Here is a link to the repository: They also offer a comprehensive platform and UI with Python notebooks you can utilize to manage your data. Here is the link:

Knowledge graphs for representing information are unbeatable. After this, you will never build a RAG system without knowledge graphs. It will take you five lines of code to build a knowledge graph with your data. I recorded a video to show you how you can do this. I used Cognee, an open-source library that outperforms any basic vector search approach in terms of retrieval relevance. They are collaborating with me on this post. Cognee is: • Easy to use • Reduces hallucinations • Open-source Here is a link to the repository: They also offer a comprehensive platform and UI with Python notebooks you can utilize to manage your data. Here is the link:

Santiago

126,565 görüntüleme • 1 yıl önce

I got a smart meter recently and saw you can download a HDF file with the data so I had the idea of writing a script that could parse that and show the data in a useful manner. However I discovered that someone has already done this and done a really good job on it. The video explains how it works. In simple terms it uses the ESB smart meter data and shows a breakdown of how much data you are using and when and also recommends plans and estimates what each one would cost based on the data. The tool is available at easier to read on Laptop or Tablet or then your phone to Landscape.

I got a smart meter recently and saw you can download a HDF file with the data so I had the idea of writing a script that could parse that and show the data in a useful manner. However I discovered that someone has already done this and done a really good job on it. The video explains how it works. In simple terms it uses the ESB smart meter data and shows a breakdown of how much data you are using and when and also recommends plans and estimates what each one would cost based on the data. The tool is available at easier to read on Laptop or Tablet or then your phone to Landscape.

Carlow Weather

298,565 görüntüleme • 2 yıl önce

Because of this drill I tend to use my 56 degree for most chips. I do this 3 club chipping drill a lot. I like how it forces different feels, trajectories and requires me to react to the target. I will switch from 60 -> 56 -> 52 Same pin, different landing spots, spin and shot type. My practice data supports me using a 56 over a 60 on a lot of green side shots. This drill will help you to discover what is right for you.

Because of this drill I tend to use my 56 degree for most chips. I do this 3 club chipping drill a lot. I like how it forces different feels, trajectories and requires me to react to the target. I will switch from 60 -> 56 -> 52 Same pin, different landing spots, spin and shot type. My practice data supports me using a 56 over a 60 on a lot of green side shots. This drill will help you to discover what is right for you.

Drake Smith

102,843 görüntüleme • 2 ay önce

I recreated Meta’s new AI Glasses on my Quest, and the complete source code is available! 👓 Hey everyone! I’ve received a lot of feedback and messages about my latest project, where I used the Quest to recreate the features shown during Meta’s keynote. To answer your questions I decided to create a cool video to explain how I built it but also, share the full source code on Patreon 👇 Watch the making-of: Download the source code: This project includes: ✨ A UI navigable with microgestures 🤏 A pinch & twist hand-tracking input system 🎧 An audio player with volume control via pinch & twist 📸 A camera that zooms with pinch & twist 🖼️ A carousel to browse captured pictures 🧠 And a contextual AI that reacts to what you’re looking at Hope you guys will like it and that it will help you on your own project!! 😊

I recreated Meta’s new AI Glasses on my Quest, and the complete source code is available! 👓 Hey everyone! I’ve received a lot of feedback and messages about my latest project, where I used the Quest to recreate the features shown during Meta’s keynote. To answer your questions I decided to create a cool video to explain how I built it but also, share the full source code on Patreon 👇 Watch the making-of: Download the source code: This project includes: ✨ A UI navigable with microgestures 🤏 A pinch & twist hand-tracking input system 🎧 An audio player with volume control via pinch & twist 📸 A camera that zooms with pinch & twist 🖼️ A carousel to browse captured pictures 🧠 And a contextual AI that reacts to what you’re looking at Hope you guys will like it and that it will help you on your own project!! 😊

Quentin Valembois

15,977 görüntüleme • 11 ay önce

I've been spending more time with Bezi to see how far I can push vibe coding a game on the Unity Editor. So far, I'm pretty happy with what I can achieve with Bezi. Here are some learnings: - Even though I use Bezi to do all agentic coding, I still have to perform a few small manual tasks in the Unity Editor - As a result, I feel like I am getting a hang of Unity's complex and clunky UI, which actually feels good! - This is one of those examples where Vibe Coding is a great way to learn game dev. - For big features, I can't state the importance of asking the agent to create a plan first before implementing the feature. It can work wonders. Most of the bigger features/ssytems starts with a clear plan. - The biggest strength about working with Unity Engine is the Unity Asset Store, there's so much good stuff in there, 3D assets, shaders, vfx etc that can really spice up your game, that other game enginers will need to build from scratch. - Because Unity Assets Stores sell UI assets packs, I was able to implement decent looking UI fairly quickly. For those of you that vibe code games, you know how much of a pain it is to implement UI. - I did meet a few hiccups along the way where Bezi seems to struggle a little with implementing some features, but usually with some retries it works out at the end, though it burns a ton of tokens. After spending more time with Bezi, I'm still feeling good about using it. I am able to get this PvZ style autobattler working in a few days!

I've been spending more time with Bezi to see how far I can push vibe coding a game on the Unity Editor. So far, I'm pretty happy with what I can achieve with Bezi. Here are some learnings: - Even though I use Bezi to do all agentic coding, I still have to perform a few small manual tasks in the Unity Editor - As a result, I feel like I am getting a hang of Unity's complex and clunky UI, which actually feels good! - This is one of those examples where Vibe Coding is a great way to learn game dev. - For big features, I can't state the importance of asking the agent to create a plan first before implementing the feature. It can work wonders. Most of the bigger features/ssytems starts with a clear plan. - The biggest strength about working with Unity Engine is the Unity Asset Store, there's so much good stuff in there, 3D assets, shaders, vfx etc that can really spice up your game, that other game enginers will need to build from scratch. - Because Unity Assets Stores sell UI assets packs, I was able to implement decent looking UI fairly quickly. For those of you that vibe code games, you know how much of a pain it is to implement UI. - I did meet a few hiccups along the way where Bezi seems to struggle a little with implementing some features, but usually with some retries it works out at the end, though it burns a ton of tokens. After spending more time with Bezi, I'm still feeling good about using it. I am able to get this PvZ style autobattler working in a few days!

Danny Limanseta

13,577 görüntüleme • 6 ay önce

Finally got a Vision Pro, and now I can test all the prototypes that I made for VisionOS last year 🥳 My overall impression of Vision Pro: a piece of art. The user experience is very smooth and solid. Developing for VisionOS is a pure joy. No glitches and bugs so far. The real-time interactive updates in the preview are *chef kiss*. People who have been in XR for a while are not really spoiled by things that just work. In this regard, the Vision Pro experience feels magical. We are always happy when a system's behaviour matches our expectations (a little dopamine reward to celebrate the accuracy of our predictions). The greatest features for Spatial Designers: UI panel material highlights, UI panel shadow, and UI panel translucency. It finally makes spatial transformations meaningful (for free!). You see how your UI engages with the environment using visual affordances that people get used to. And yeah, as you can see, I recorded this video at night, and it worked great. So it's excellent news for all-night hackers 😁 #handtracking #directmanipulation #spatialcomputing #spatialdesign #visionpro #visionos #swiftui #mixedreality

Finally got a Vision Pro, and now I can test all the prototypes that I made for VisionOS last year 🥳 My overall impression of Vision Pro: a piece of art. The user experience is very smooth and solid. Developing for VisionOS is a pure joy. No glitches and bugs so far. The real-time interactive updates in the preview are chef kiss. People who have been in XR for a while are not really spoiled by things that just work. In this regard, the Vision Pro experience feels magical. We are always happy when a system's behaviour matches our expectations (a little dopamine reward to celebrate the accuracy of our predictions). The greatest features for Spatial Designers: UI panel material highlights, UI panel shadow, and UI panel translucency. It finally makes spatial transformations meaningful (for free!). You see how your UI engages with the environment using visual affordances that people get used to. And yeah, as you can see, I recorded this video at night, and it worked great. So it's excellent news for all-night hackers 😁 #handtracking #directmanipulation #spatialcomputing #spatialdesign #visionpro #visionos #swiftui #mixedreality

Oleg Frolov

156,698 görüntüleme • 2 yıl önce

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:

The Bugged Dev

104,917 görüntüleme • 2 ay önce

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀

John Champ

10,940 görüntüleme • 2 yıl önce

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

Lee Robinson

118,242 görüntüleme • 2 yıl önce

This weekend, I explored a mobile game idea with my kids (they suggested a mobile pokemon-like game) so I had them coming up with ideas for the creatures and I try to visualise them with ChatGPT Images 2.0 and vibe coded a small prototype on Cursor to play around with. The art direction of the creatures are in vinyl toy matte style so it has this toy-like aesthetic quality that I quite like! For a mobile app/game, I went with Expo + React Native to create this mobile app so that I have one code-base for both Android and iOS. So far I'm pretty impressed with Expo's live mobile app preview feature! Being able to easily preview the mobile app on my phone in seconds is a big plus.

This weekend, I explored a mobile game idea with my kids (they suggested a mobile pokemon-like game) so I had them coming up with ideas for the creatures and I try to visualise them with ChatGPT Images 2.0 and vibe coded a small prototype on Cursor to play around with. The art direction of the creatures are in vinyl toy matte style so it has this toy-like aesthetic quality that I quite like! For a mobile app/game, I went with Expo + React Native to create this mobile app so that I have one code-base for both Android and iOS. So far I'm pretty impressed with Expo's live mobile app preview feature! Being able to easily preview the mobile app on my phone in seconds is a big plus.

Danny Limanseta

39,195 görüntüleme • 4 ay önce

🐰: i went to see ‘hope’ by myself, and i happened to run into a few fans on the way out. 🐰: i took some pictures with them. and i mean,, taking photos with people is totally fine. i have no problem with that! 🐰: but, i had gone into a bakery to buy some bread, and all of a sudden there was someone standing right in front of me with a camera pointed at me like this… 🐰: i don’t really think that’s very respectful. 🐰: i don’t care how old you are or where you’re from… just sticking a camera in someone’s face like that… i felt that was kind of rude. so, if this somehow reaches that person… 🐰: you know, the other fans asked if it was okay to take a picture first. i happily took photos with them, and i enjoyed my bread and coffee and went home 🐰: anyway, ‘hope’ was really fun. i really enjoyed it.

🐰: i went to see ‘hope’ by myself, and i happened to run into a few fans on the way out. 🐰: i took some pictures with them. and i mean,, taking photos with people is totally fine. i have no problem with that! 🐰: but, i had gone into a bakery to buy some bread, and all of a sudden there was someone standing right in front of me with a camera pointed at me like this… 🐰: i don’t really think that’s very respectful. 🐰: i don’t care how old you are or where you’re from… just sticking a camera in someone’s face like that… i felt that was kind of rude. so, if this somehow reaches that person… 🐰: you know, the other fans asked if it was okay to take a picture first. i happily took photos with them, and i enjoyed my bread and coffee and went home 🐰: anyway, ‘hope’ was really fun. i really enjoyed it.

jungkook admirer

745,997 görüntüleme • 1 ay önce

MCP is mind-blowing. Here is a genius setup that will earn you a promotion with your manager. I have multiple data sources: data in S3, MySQL, and local files. Using Spice (an open-source project), I can co-locate all of that data behind a single SQL endpoint and augment it using MCP. Before, accessing data was slow, and I had to make multiple requests to get anything. After using Spice, I can query the data much faster (since it's mirrored locally), and I don't have to worry about where the data is coming from. Spice acts as an MCP server, so I can connect to it from my IDE or the Claude Desktop app and have access to all the data. But even more cool than that: Spice also acts as an MCP client, so it can connect to other MCP servers. This is where things get really interesting! Watch the video. I'm querying multiple data sources from my IDE and using the Google Maps MCP server for driving directions.

MCP is mind-blowing. Here is a genius setup that will earn you a promotion with your manager. I have multiple data sources: data in S3, MySQL, and local files. Using Spice (an open-source project), I can co-locate all of that data behind a single SQL endpoint and augment it using MCP. Before, accessing data was slow, and I had to make multiple requests to get anything. After using Spice, I can query the data much faster (since it's mirrored locally), and I don't have to worry about where the data is coming from. Spice acts as an MCP server, so I can connect to it from my IDE or the Claude Desktop app and have access to all the data. But even more cool than that: Spice also acts as an MCP client, so it can connect to other MCP servers. This is where things get really interesting! Watch the video. I'm querying multiple data sources from my IDE and using the Google Maps MCP server for driving directions.

Santiago

142,696 görüntüleme • 1 yıl önce

I was ready to tear my (remaining) hair out. Every shadcn UI kit for Figma I found on Figma Community was of poor quality, missing components or outdated. 😡 My client's deadline loomed, and I needed a solution fast... That's when inspiration struck. With my seven years of experience creating Figma resources and managing the Ant Design System, why not make the kit myself? 🤔 I dove in, pouring my expertise into every component. Days blended as I crafted, refined, and perfected. 🥵 Finally, I sat back and smiled. Before me was the high-quality, up-to-date Shadcn UI kit I'd been searching for, complete with customer support. 🤩 As I prepared to share it with the world, I felt a surge of excitement. This wasn't just a solution to my problem – it was a resource that could help thousands of other designers and developers. It’s not a dream. I made it.

I was ready to tear my (remaining) hair out. Every shadcn UI kit for Figma I found on Figma Community was of poor quality, missing components or outdated. 😡 My client's deadline loomed, and I needed a solution fast... That's when inspiration struck. With my seven years of experience creating Figma resources and managing the Ant Design System, why not make the kit myself? 🤔 I dove in, pouring my expertise into every component. Days blended as I crafted, refined, and perfected. 🥵 Finally, I sat back and smiled. Before me was the high-quality, up-to-date Shadcn UI kit I'd been searching for, complete with customer support. 🤩 As I prepared to share it with the world, I felt a surge of excitement. This wasn't just a solution to my problem – it was a resource that could help thousands of other designers and developers. It’s not a dream. I made it.

Matt

190,401 görüntüleme • 2 yıl önce

As a founder, I used to think tech was all that mattered. But then I started diving into design meetings – the nitty-gritty of UI/UX and that fascinating world of online-offline integration. It wasn't easy, but let me tell you, it was eye-opening! By understanding how our app connects with the real-world hotel experience, we were able to dramatically reduce customer issues. Young founders, take this from me: the magic happens where online meets offline. Deepen your design knowledge, and your product will thrive in the long run. 📸Think School

As a founder, I used to think tech was all that mattered. But then I started diving into design meetings – the nitty-gritty of UI/UX and that fascinating world of online-offline integration. It wasn't easy, but let me tell you, it was eye-opening! By understanding how our app connects with the real-world hotel experience, we were able to dramatically reduce customer issues. Young founders, take this from me: the magic happens where online meets offline. Deepen your design knowledge, and your product will thrive in the long run. 📸Think School

Ritesh Agarwal

10,801 görüntüleme • 2 yıl önce