Web App Started: 11 Dec, 2021 | Last Edited: 11 Dec, 2021

Jiffy for Web (Gen I)

Live Web Demo ↗
Cover Image

Project Gallery

Project Screenshot
Project Screenshot
Project Screenshot
Project Screenshot
Project Screenshot
Project Screenshot
Project Screenshot

Click any image to expand and browse

Jiffy For Web - Web-Based Time Logging Application

A web-based productivity application designed and developed to help users quickly record study sessions and maintain a structured history of their productive work. Built using Flask and modern web technologies, the application provides a lightweight and accessible platform for productivity tracking directly through a web browser.

As the first generation of the Jiffy ecosystem, this project laid the foundation for the later desktop and Android versions by introducing the core concepts of time logging, cloud-based user accounts, and centralized productivity data storage.

Project Overview

Jiffy For Web was created to provide a simple and accessible solution for recording study sessions and productive activities. At a time when no dedicated desktop or mobile version existed, the application allowed users to access their productivity records from any device with a web browser.

The application's primary focus is rapid data entry and long-term data collection. Users can create accounts, log productive sessions, and build a historical record of their work that can later be analyzed through external tools and dashboards.

By integrating Firebase Authentication and Firebase Realtime Database, the application provides secure user accounts and cloud-based data storage while remaining lightweight and easy to access.

The project remains deployed online and continues to serve as a functional productivity logging platform.

Key Features

Study Session Logging

  • Record study sessions quickly through a web interface.
  • Maintain historical productivity records.
  • Create a long-term repository of activity data.
  • Simplified workflow for frequent usage.

User Authentication

  • Secure account registration and login.
  • Firebase Authentication integration.
  • Password recovery functionality.
  • Persistent user account management.

Cloud-Based Data Storage

  • Firebase Realtime Database integration.
  • Real-time synchronization of user records.
  • Secure storage of productivity data.
  • User-specific data isolation.

Web Accessibility

  • Accessible through any modern web browser.
  • No software installation required.
  • Cross-platform accessibility across devices.
  • Always-available online deployment.

Lightweight User Experience

  • Minimalistic interface focused on speed.
  • Quick session entry and management.
  • Reduced friction for daily usage.
  • Productivity-focused workflow design.

Technologies Used

Backend

  • Python
  • Flask

Frontend

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap

Backend & Cloud Services

  • Firebase Authentication
  • Firebase Realtime Database

Data Management

  • CRUD Operations
  • User Session Management
  • Realtime Data Synchronization

Deployment & Hosting

  • Web Application Deployment
  • Cloud Hosting
  • Production Environment Configuration

What I Learned

Developing this project provided valuable experience across both frontend and backend web development while introducing cloud-based authentication and data storage systems.

Backend Development

  • Building web applications using Flask.
  • Creating and managing application routes.
  • Handling user requests and responses.
  • Managing server-side application logic.

Frontend Development

  • Designing responsive web interfaces.
  • Building user experiences using HTML, CSS, and JavaScript.
  • Using Bootstrap to accelerate interface development.
  • Creating productivity-focused workflows.

Firebase Integration

  • Implementing authentication systems for web applications.
  • Managing user accounts and sessions.
  • Integrating real-time cloud databases.
  • Synchronizing user-generated data.

Deployment Experience

  • Deploying a Flask application to a live environment.
  • Managing production-ready web applications.
  • Maintaining an online service accessible to users.

Outcome

This project marked the beginning of the Jiffy ecosystem and provided practical experience in full-stack web development, cloud authentication, and online application deployment. It demonstrates my ability to design, develop, deploy, and maintain a complete web application that integrates frontend development, backend logic, user authentication, and cloud-based data management.

The project established the foundation for the later desktop and Android versions of Jiffy, ultimately evolving into a multi-platform productivity tracking ecosystem.