⏱️ Duration: 5 minutes | Congratulations on completing the workshop! 🎉
🎉 What You’ve Learned
In just 2 hours, you’ve covered:| Topic | What You Learned |
|---|---|
| Web Fundamentals | HTML structure, CSS styling, JavaScript interactivity |
| Tailwind CSS | Utility-first styling, responsive design |
| TypeScript | Type safety, interfaces, catching bugs early |
| React | Components, props, state, event handling |
| Next.js | File-based routing, server/client components, API routes |
| AI SDK | Structured data generation with Zod schemas |
📚 Continue Learning
Next.js Learn
Free, interactive course - highly recommended!
Next.js Docs
Complete reference documentation
Tailwind CSS
All utilities and components
AI SDK Guide
Build more AI-powered features
React Docs
Official React documentation
TypeScript Handbook
Deep dive into TypeScript
🛠️ Tools & Resources
Development Tools
| Tool | Purpose | Link |
|---|---|---|
| Bun | Fast JavaScript runtime & package manager | bun.sh |
| VS Code | Recommended code editor | code.visualstudio.com |
| Vercel | Deploy Next.js apps easily | vercel.com |
Recommended VS Code Extensions
🚀 Contribute to Open Source
Ready to apply your skills? Both RMIT NCT and Tuturuuu are open for contributions!RMIT NCT Hub
RMIT NCT Hub
The official NCT Club platform repository
Our Mission: Help NCT become the best technology club at RMIT. Every contribution you make helps fellow students learn, grow, and become the best versions of themselves. Together, we’re building something that matters!
Tuturuuu Platform
Tuturuuu Platform
The platform that powers tuturuuu.com
Our Vision: Tuturuuu aims to build a better world for everyone, everywhere—starting with how you work. By contributing, you’re not just writing code; you’re helping shape the future of productivity and collaboration. 🌏
Good First Issues
Look for issues labeledgood first issue on GitHub - these are perfect for newcomers!
🏗️ Project Ideas
Build these to practice your skills:Personal Portfolio
Showcase your projects with Next.js and Tailwind
To-Do App
Practice React state management
Blog
Build with Next.js file-based routing
AI Flashcard Generator
Combine AI SDK with structured data
📢 Stay Connected
RMIT SGS Neo Culture Technology Club
Tuturuuu
💡 Quick Reference Card
Save this for later:💼 Join Tuturuuu
Interested in what we’re building for the future of work?Tuturuuu Careers
Explore open positions and join our team
🙏 Thank You!
Thank you for joining this workshop! Remember:“The best way to learn is by building.”Start with small projects, make mistakes, learn from them, and keep building. We can’t wait to see what you create!
Questions? Reach out to your club officers or join the community Discord. We’re here to help!