DEV Community

I Built StudyOS β€” A Lightweight Student Workspace with Vanilla JavaScript πŸš€

I Built StudyOS β€” A Lightweight Student Workspace with Vanilla JavaScript πŸš€

Hey everyone! πŸ‘‹

I recently built StudyOS, a lightweight student workspace designed to help organize studying in one place.

The main goal was simple: build a practical web application using HTML5, CSS3, and Vanilla JavaScript, without relying on frameworks or a backend.

✨ What can StudyOS do?

  • πŸ“Š Student dashboard
  • πŸ“š Subject management
  • πŸŽ“ Course tracking
  • βœ… Task and deadline management
  • πŸ“ Rich text document editor
  • πŸ“… Calendar
  • πŸ“ˆ Study progress tracking
  • πŸ—‚οΈ Flashcards
  • πŸ” Search functionality
  • πŸ’Ύ LocalStorage data persistence
  • πŸŒ™ Light and dark themes
  • πŸ“€ Data export and import

Everything runs locally in the browser, so no account or backend is required.

πŸ› οΈ Built with

  • HTML5
  • CSS3
  • Vanilla JavaScript
  • LocalStorage

🎯 Why I built it

I wanted to challenge myself to build something that feels like a real application rather than just another landing page or small JavaScript exercise.

I'm also interested in improving the project based on real developer feedback.

πŸ”— Project

GitHub: https://github.com/mahdi99913453

Live Demo: https://mahdi99913453.github.io/StudyOS/

I'd really appreciate honest feedback:

  • What would you improve in the UI?
  • What features would make StudyOS more useful?
  • Are there any UX issues you notice?
  • What would you change technically?

Thanks for checking it out! πŸ™Œ

webdev #javascript #html #css #frontend #opensource #buildinpublic

Top comments (0)