FolioBB-Academy

Education Without Limits

Comment

Inspiration

I was frustrated with how clunky most learning platforms feel. They're either too complicated or look like they haven't been updated since 2010. I wanted to build something that felt modern and fast—something I'd actually want to use. The idea was simple: what if a learning platform could feel as smooth as scrolling through your favorite social media app?

What it does

FolioBB is a learning management platform focused on the essentials. Right now, it has:

  • A clean dashboard where students can see their courses and progress
  • Multi-organization support so you can switch between different learning spaces (like a personal account and a school account)
  • Progress tracking with visual progress bars for each course
  • A responsive design that works on any device

It's designed to be the foundation for a full LMS—starting with the core experience of browsing and tracking your learning.

How we built it

I kept the tech stack simple but modern:

  • Next.js 16 for the frontend (it's fast and handles routing easily)
  • React with TypeScript (caught so many bugs before they happened)
  • TailwindCSS for styling (way faster than writing custom CSS)
  • Lucide icons for the UI elements

The whole thing is client-side rendered right now. I focused on getting the UI and user flow right first—things like the course cards, progress bars, and organization switcher. The backend and database integration will come next.

Challenges we ran into

Honestly? Time. I spent way too long tweaking the design—getting the colors right, making sure the animations felt smooth, adjusting spacing. I probably redid the course cards three times before I was happy with them.

Also, figuring out how to structure the multi-org feature was tricky. I wanted it to feel intuitive without adding too many clicks. Still not 100% sure I got it right, but it works for now.

Accomplishments that we're proud of

The UI actually looks professional. I'm not a designer, so getting something that looks this clean feels like a win.

The progress bars have this subtle glow effect that I'm weirdly proud of. Small details matter.

And honestly, just shipping something functional in this timeframe. It's easy to get stuck in planning mode.

What we learned

  • TailwindCSS is a game-changer once you get past the learning curve
  • Next.js 16's App Router is different from what I'm used to, but it makes sense once you get it
  • Design takes longer than code (at least for me)
  • It's better to ship something simple that works than to plan something complex that doesn't exist

What's next for FolioBB-Academy

The immediate next steps:

  1. Backend & Database: Right now it's all mock data. Need to set up a proper database (probably PostgreSQL) and API routes
  2. User Authentication: Login, signup, and session management
  3. Course Content Pages: Actually being able to click into a course and see lessons
  4. Content Editor: So instructors can create courses, not just students viewing them
  5. Video Support: Because most courses need video lessons

Long term, I want to add quizzes, certificates, and maybe even AI-powered study recommendations. But first, I need to make sure the basics are rock solid.

Built With

Share this project:

Updates