How to Build A Full Stack Rust Dashboard App with Leptos, Actix Web & SurrealDB (Full Tutorial)
WhiteSponge
2024. 9. 5.
Today we are going to learn how you can build a really performant full-stack Rust Dashboard App with Rust! Leveraging on Leptos, Actix Web and SurrealDB! Timestamps: 0:00 - Introduction 2:41 - Project Setup 11:43 - Setting up TailwindCSS 22:33 - Setting up SurrealDB 25:19 - Creating the database connection 29:40 - Creating the Person struct 40:35 - Adding server functions 57:15 - Setting up page routes 1:05:15 - Creating the Header component 1:17:01 - Building the Team page 1:21:12 - Creating the Add Person modal 1:36:36 - Invoking the server function 1:44:08 - Adding a toast message 2:06:32 - Displaying team members 2:21:46 - Building the Dashboard 2:46:53 - Displaying the bar chart 2:57:09 - Adding the Edit feature 3:02:15 - Creating custom errors 3:11:22 - Creating the Edit server function 3:27:04 - Adding the Edit person button 3:31:03 - Creating the Edit Person modal 3:56:44 - Updating the Team page & Person row component 4:02:21 - Setting up the Delete server function 4:14:21 - Adding a button to Person row component 4:18:42 - Adding the Show Person modal 4:36:14 - Final demo -- Find me at: Threads: https://www.threads.net/@thewhitesponge Twitter: https://twitter.com/WhiteSponge Instagram: https://instagram.com/WhiteSpongeStudio Discord: https://discord.gg/38XMr6FQB8 #rustlang #rustcode #rustprogramming #rust #rustbackend #surrealdb #learningrust #actixweb #rustStream #Technology #Coding #Programming #Design #Development #Reviews #helix #CodingTips #CodingTricks #rustdevelopment #Javascript #nextjs13forbeginners
Recommanded Videos
SQLite3 in Node with better-sqlite3
💰 FREE Software Dev Intro Course - https://calcur.tech/free-dev-course 💯 FREE Courses (100+ hours) - https://calcur.tech/free-courses Timestamps: 00:00:00 - Introduction 00:02:20 - Creating a Table 00:04:42 - Inserting Data 00:08:28. -Retrieving all the Data 00:09:04 - Retrieving a Single User 00:10:26 - Creating a Basic API 🏆 C++ Mastery Course - https://cppmastery.com ⚛️ FREE React Course (20 hours) - https://calcur.tech/free-react-course ✅ Data Structures & Algorithms - https://calcur.tech/dsa-youtube ~~~~~~~~~~~~~~~ CONNECT ~~~~~~~~~~~~~~~ ✉️ Newsletter - https://calcur.tech/newsletter 📸 Instagram - https://www.instagram.com/CalebCurry 🐦 Twitter - https://twitter.com/calebCurry 🔗 LinkedIn - https://www.linkedin.com/in/calebcurry ▶️ Subscribe - http://calcur.tech/subscribe 👨🏻🎓 Courses - https://www.codebreakthrough.com ~~~~~~~~~~~~~~ SUPPORT ME ~~~~~~~~~~~~~~ ↪ My Amazon Store - https://www.amazon.com/shop/calebcurry 🅿 Patreon - http://calcur.tech/patreon-calebcurry 🅖 GitHub Sponsors - https://github.com/sponsors/CalebCurry Ⓟ Paypal - http://paypal.me/calcur
2024. 1. 12.
![Open Source Superstar and Roadmap.sh Founder Kamran Ahmed [Podcast #145]](https://i1.ytimg.com/vi/pi6cBAICoAI/hqdefault.jpg)
Open Source Superstar and Roadmap.sh Founder Kamran Ahmed [Podcast #145]
On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Kamran Ahmed. He's a software engineer and founder of Roadmap.sh, which has skill tree roadmaps for lots of developer fields, such as DevOps. As a teacher, he's also a Google Developer Expert and a GitHub Star. We talk about: - Kamran's tips for finding the right open source projects to contribute to - The story behind Roadmap.sh, his popular developer website - Other specialized open source Kamran has built over the years - How Kamran became a Google Developer Expert and GitHub Star Can you guess what song I'm playing during the intro? Also, I want to thank the 10,922 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate You can also listen to the podcast in Apple Podcasts, Spotify, or your favorite podcast app. Be sure to follow the freeCodeCamp Podcast there so you'll get new episodes each Friday. Links we talk about during our conversation: - Kamran's website, Roadmap.sh: https://roadmap.sh/ - Kamran's "Design Patterns for Humans" GitHub book: https://github.com/kamranahmedse/design-patterns-for-humans - freeCodeCamp's "How to Contribute to Open Source guide" Quincy mentions: https://www.freecodecamp.org/news/how-to-contribute-to-open-source-projects-beginners-guide/ - Kamran on Twitter: https://x.com/kamrify Chapters 0:00:00 Introduction to Kamran Ahmed and Roadmap.sh 0:09:19 The Power of Open Source Projects 0:16:53 Navigating Career Progression in Software Engineering 0:22:42 Lessons Learned from Working in Different Companies 0:27:22 The Value of Putting Yourself Out There 0:38:47 From Small Company to Startup: Seizing Opportunities 0:51:03 Growth Through Trust and Leadership 0:54:09 Learning and Expanding Skills Through Diverse Projects 0:56:06 From Dubai to Germany: A Journey of Growth and Exploration 0:58:21 Launching a Platform and Learning from Mistakes 1:01:31 Balancing Individual Contribution and Management 1:10:02 Roadmap.sh: Growth and Success 1:13:41 Moving to the UK and Settling Down 1:18:58 Contributing to Open-Source and Establishing Projects 1:21:31 Finding Project Ideas by Looking at Other Languages and Solving Problems 1:26:10 Promoting Projects and Embracing Negative Feedback 1:38:28 Roadmap.sh: A Resource for Developers at All Levels
2024. 10. 11.
새롭게 나온 OpenAI o1 - 체스 게임에 실패하다 #OpenAI #챗지피티
새로 나온 OpenAI o1 모델을 체스 게임에 테스트 해보았습니다 - 자세한 내용은 영상을 봐주세요! 구독과 좋아요는 영상 제작에 큰 힘이 됩니다. 오늘도 영상을 봐주셔서 감사합니다! 0:00 OpenAI o1 관련 설명 0:45 체스 게임 시작 3:10 OpenAI o1이 하는 생각 설명 6:28 OpenAI o1과 OpenAI 4o 결과는?
2024. 9. 16.
ChatGPT와 구글시트로 자동화 뉴스레터 만들기
Chat GPT와 구글시트로 최신기사를 요약해주는 자동화 뉴스레터를 만들어보겠습니다. 📂 활용 링크 : 구글시트 양식 (링크 클릭으로 사본 복사) : https://docs.google.com/spreadsheets/d/1YOMfpiboNAC7J0ZhvvuBA0iU9OCEmnsHYHXR6xkgsEM/copy?usp=sharing OpenAI API Key 발급 방법 : https://github.com/dabidstudio/chatgpt-guides/blob/main/get-openai-api-key.md 네이버뉴스 API Key 발급 방법 :https://github.com/dabidstudio/chatgpt-guides/blob/main/get-navernews-api-key.md ⌚타임라인: 00:00 - 데모 소개 00:48 - 사전 준비사항 소개 (API KEY) 02:36 - 자동화 뉴스레터 구조 소개 04:37 - 네이버뉴스 API로 기사 가져오기 05:57 - Chat GPT API 활용하기 08:24 - Gmail로 이메일 보내기 10:36 - 트리거 설정해서 뉴스레터 발송 완전 자동화하기 11:30 - 구글시트 화면과 연동하기
2024. 6. 9.
개인프로젝트 | Simple CI/CD 재구성 on Kubernetes
구독, 좋아요 감사합니다. 이번 영상의 내용입니다. 1. 프론트 엔드용 CI/CD를 재구성한 내용 입니다. 2. 개발 프로젝트 진행 현황을 설명합니다. 3. 멤버쉽 전환을 준비하고 있습니다.
2024. 7. 25.
Kafka vs. RabbitMQ vs. Messaging Middleware vs. Pulsar
Get a Free System Design PDF with 158 pages by subscribing to our weekly newsletter: https://bit.ly/bytebytegoytTopic Animation tools: Adobe Illustrator and After Effects. Checkout our bestselling System Design Interview books: Volume 1: https://amzn.to/3Ou7gkd Volume 2: https://amzn.to/3HqGozy The digital version of System Design Interview books: https://bit.ly/3mlDSk9 ABOUT US: Covering topics and trends in large-scale system design, from the authors of the best-selling System Design Interview series.
2024. 6. 19.