Yusuf M.Abdi
Nov 4, 2025
π Uls-Demo β Modern Learning Platform Built with SvelteKit π After weeks of building and refining, Iβm thrilled to share Uls-Demo, an interactive learning website built with SvelteKit, Supabase, and Tailwind CSS! π This project brings together modern web technologies to create a fast, beautiful, and responsive platform for learning, mentorship, and community collaboration. π‘ π Main Pages / Navbar Links π Home: https://uls-demo.vercel.app/ π Courses: https://uls-demo.vercel.app/courses β explore all available learning modules. π Blog: https://uls-demo.vercel.app/blog β developer insights and updates. π¬ Community: https://uls-demo.vercel.app/community β connect with other learners and share ideas. π§βπ« Mentorship: https://uls-demo.vercel.app/mentorship β learn from mentors and experts. π Contact: https://uls-demo.vercel.app/contact β reach out for collaboration or support. βΉοΈ About: https://uls-demo.vercel.app/about β discover more about the platform. βοΈ Tech Stack π§© Framework: https://kit.svelte.dev β SvelteKit for SSR, reactive components, and routing. β‘ Bundler: https://vitejs.dev β Vite for super-fast development and build performance. π¨ Styling: https://tailwindcss.com β Tailwind CSS for a responsive, elegant, and dark-mode-ready UI. π Auth & Database: https://supabase.com β Supabase for authentication, real-time data, and backend services. πͺΆ Icons: https://lucide.dev β Lucide Svelte icons for clean SVG visuals. π‘ Syntax Highlighting: https://prismjs.com β PrismJS for beautiful code snippets and blog content. π§° Tailwind Plugins: https://tailwindcss.com/docs/plugins β Typography & Forms plugins for readability and accessible forms. π§ͺ Build Tools: https://postcss.org β PostCSS for processing styles. π Core Features β Responsive and mobile-friendly design β User authentication (login/register with Supabase) β Dynamic course pages with server-side data β Blog system with code syntax highlighting β Mentorship & community sections β Dark/light theme toggle π β SEO-friendly routing and metadata β Smooth navigation with fast SSR performance β Deployed on Vercel for scalability and speed π» Demo & Code π Live Demo β https://uls-demo.vercel.app π» My GitHub β (https://github.com/yousumohamed) π¬ What I Learned While developing this project, I explored: βͺ Full-stack development with SvelteKit + Supabase. βͺ Authentication flow management and protected routes. βͺ Tailwind CSS components & design systems. βͺ SEO, server-side rendering, and build optimization. βͺ Deploying a production-grade app on Vercel. InshaβAllah, more updates and projects coming soon β including admin dashboards, analytics, and AI-powered features! π #sveltekit #supabase #tailwindcss #shiinedev #ulsdemo

