Skip to content

Repository files navigation

Bookly

Infinite Knowledge, Zero Cost.

Bookly is a web platform dedicated to providing students with free easy-to-access educational textbooks and study materials.

Overview

Bookly is a tool that helps make education available to everyone. It gives students a fast and clean environment to find, read and organize good academic materials, focused on making it easy to use. It has a search function, personalized collections and it saves your data even when you are not connected to the internet.

Core Features

  • Huge Library: Bookly has a lot of materials like NCERT textbooks for classes 11 and 12 and resources for Olympiad competitions. These materials cover Science, Commerce and Humanities.
  • Easy Reading: You can read books in your browser without having to download them.
  • Smart Search: The search function is powered by Fuse.js, which means you can find books quickly even if you make a mistakes when typing.
  • Good Recommendations: Bookly looks at what you have read and suggests other books that you might like.
  • Your Own Playlists: You can make your collections of books like "Exam Prep" or "Favorites" and they are saved right away.
  • Focus Mode: Bookly has a feature that helps you concentrate when you are studying.
  • Share Books: You can share links to books with others.
  • Cloud Backup: If you want you can back up your collections to the cloud. Get them on any device using a special code.

How It Works

Bookly is an reliable application.

  1. Data: All the information about the books is stored in a file called books.json.
  2. Rendering: When you open Bookly it uses JavaScript to get the information from the file and build the page.
  3. Saving Your Progress: When you do something in Bookly like save a book it saves it away to your browsers storage.
  4. Cloud Backup: You can choose to back up your data to the cloud and then get it on any device using a code.

Tech Stack

  • Frontend: Bookly uses HTML5, CSS3 and JavaScript.

  • Libraries:

  • Swiper.js: This helps make the book carousels work well on devices.

  • Fuse.js: This helps with the search function.

  • FontAwesome: This is used for the icons.

  • Backend / Database: Bookly uses Firebase for backing up your data to the cloud.

Challenges

  • Uploading the books: At first it was hard to make the page, for each book. Solution: Moving all the book information to one file. Then used JavaScript to build the page. This made the code much smaller.

  • Saving the Data: Adding saving books feature without logging in. Solution: Made a system that saves the data in the browser first. Then you can choose to back it up to the cloud.

  • Keeping It Stable: Sometimes when new features were added parts of the page would break. Solution: Added checks to make sure everything was working before adding features.

How to Test / Run Locally

Since Bookly is a static web app, no complex build steps are required.

  1. Clone the repository: git clone https://github.com/yourusername/bookly.git

Live URL'S:

https://bookly-v1.web.app https://bookly-v1.firebaseapp.com

About

It is a website that provides you with free school text books at one place, free of cost

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages