Journey Gallery

Table of Contents

• Introduction
• Demo
• About the Project
• Features
• Used For
• Improvements
• Problems Faced
• Technologies Used
• Links
• Getting Started

Introduction

Journey Gallery is a web application built using HTML, CSS, and JavaScript, with WebSQL for client-side data storage. It allows users to create a month-wise calendar where they can add images by clicking on specific dates. The website has two screens: one for the calendar view and another for displaying all the images in a gallery, organized date-wise.

---

⚠️ Warning: WebSQL Deprecated ⚠️

Please be aware that WebSQL is no longer supported. Consequently, the project will not function as it did previously. Consider migrating to alternative storage solutions such as IndexedDB to ensure compatibility and continued operation.

Thank you for your understanding.

---

Demo

Demo.Video.Short.mp4

About the Project

Journey Gallery is designed to provide users with a platform to store and organize their cherished memories and work-related images. Users can create a month-wise calendar where they can add images representing their journey, be it personal or professional. The application offers both dark and light themes, allowing users to switch between the two. Users can expand images by clicking on them and have the option to download the images.

The primary purpose of this application is to help users store work screenshots and memorable moments, keeping track of good days to cherish later. Each image added to the calendar is stored using WebSQL, enabling the application to function offline and ensuring data privacy on the client side.

The gallery view provides a date-wise organization of images, and users can expand any image by clicking on it for a closer look. Furthermore, users have the option to download and remove the images they've added, granting them complete control over their journey gallery. The intuitive user interface makes it easy for users to navigate and manage their images, creating a delightful experience to preserve and revisit their precious moments.

Features

• Month-wise calendar for image organization
• Add and remove images on specific dates
• Dark and light theme options
• Expandable image view in the gallery
• Image download functionality
• Offline functionality using WebSQL
• User-friendly interface for easy navigation

Used For

• Storing work-related screenshots
• Preserving memorable moments
• Organizing images based on specific dates
• Creating a personalized journey gallery

Improvements

• User authentication and account system
• Ability to add image captions or descriptions
• Advanced search and filtering options in the gallery
• Integration with cloud storage for backup and sync

Problems Faced

• Difficulty in implementing offline data storage.
  • Solution: Implemented WebSQL to store data locally on the client side.
• Need for an intuitive user interface for image management.
  • Solution: Designed a user-friendly interface for easy navigation and image operations.

Technologies Used

• HTML
• CSS
• JavaScript
• WebSQL

Links

• Live Application
• GitHub Repository

Getting Started

To run this project locally, follow these steps:

1. Clone the GitHub repository.
2. Open the project folder in your code editor.
3. Launch the index.html file in your web browser to view the Journey Gallery application.