Schola is a responsive front-end study-platform prototype built with vanilla HTML, CSS, and JavaScript. It was developed as a school project in collaboration with one project partner and was designed to bring several common student productivity tools into one academic dashboard.
The interface includes a login screen, dashboard, study planner, task completion tools, focus timer, resource library, flashcard practice, study groups, profile management, notes interactions, and quick-add actions. The project focuses on responsive layout, front-end interaction, navigation, and user-interface design rather than a production backend.
Backend-oriented features such as authentication, persistent cloud storage, AI chat, and file sharing are represented in the interface as prototype concepts, while the current repository primarily demonstrates the complete front-end experience.
- Login interface and academic dashboard
- Study planner and task completion
- Focus / productivity timer
- Study-resource library
- Flashcard practice interface
- Study-group interface
- Notes and profile interactions
- Quick-add actions
- Responsive desktop and mobile layout
- Interactive navigation with JavaScript
- Prototype interfaces for future backend/AI features
- Type: School project
- Collaboration: Developed with one project partner
- Focus: Front-end web development and academic productivity UX
The main website is located in:
Schola_Website/schola-website/
Key files:
index.html— application entry pointstyles.css— responsive stylingapp.js— navigation and interactive behaviorassets/— images and supporting assets
- HTML
- CSS
- JavaScript
- Responsive web design
- Front-end UI/UX prototyping
- Clone or download the repository.
- Open
Schola_Website/schola-website/index.htmlin a browser. - For a smoother development workflow, open the folder in VS Code and use Live Server.
No build step is required.
This repository currently contains a front-end prototype. Backend services such as authentication, persistent storage, AI chat, and cloud file sharing are represented in the interface but are not yet connected to production services.