Skip to content

A website to explore iconic book series, discover the correct reading order, and easily purchase the books through affiliate links.

Notifications You must be signed in to change notification settings

saleh-coder/order-of-books

Repository files navigation

Order of Books

Welcome to the Order of Books project! A website developed during a Dev training event by Cod3r, designed to help users explore the most iconic book series, discover the correct reading order, and easily purchase books via affiliate links to Amazon.

Live Demo

You can check out the live version of the website here: Order of Books - After.

Before:

You can also see the previous version of the website here: Order of Books - Before.

Index

Objective

The goal of this project is to make it easier to organize and visualize the reading order of major book series, such as Harry Potter, The Lord of the Rings, and A Song of Ice and Fire. Additionally, it provides affiliate links for those who wish to purchase the books directly from Amazon.

📖 Project Description

Order of Books is an interactive and responsive website that displays book series organized by chronological reading order. Each book includes information and purchase links on Amazon, providing a practical and intuitive experience.

The site also features an author section, currently listing authors from the Harry Potter series, and other planned sections such as characters, latest news, and communication channels (Facebook, Instagram, and YouTube).

Major Improvements from "Before" to "After":

  • Redesigned and more user-friendly interface.
  • Improved responsiveness across devices, offering a better mobile experience.
  • A cleaner layout, making it easier to navigate through book series and find detailed information about each book.
  • Enhanced affiliate link integration to facilitate easier purchasing directly from Amazon.
  • The addition of a more dynamic and visually appealing author section.

Technologies Used

  • HTML5 For content structure.
  • JavaScript For application logic.
  • Node.js For a simple backend (e.g., organizing books, managing data).
  • JSON For data storage and organization of books.
  • TailwindCSS For efficient and responsive styling.
  • Svelte Framework for building the user interface, providing a reactive and fast experience.
  • Vite For a fast and efficient build process with ES module support.

Features

  • Display of the reading order of the Harry Potter, The Lord of the Rings, and A Song of Ice and Fire series.
  • Affiliate links for purchasing books on Amazon.
  • Author section with information about the series' writers.
  • Intuitive interface and responsive design.
  • Data stored in JSON format for easier updates and maintenance.

Future Features

  • Add new popular book series.
  • Include book reviews and ratings.
  • Expand the author section.
  • Complete the character, latest news, and communication channels sections.
  • Possibility to reuse the code to organize other types of collections, such as movies or games.

Contributions

Contributions are welcome! To contribute:

  • Open an Issue: Report a bug or suggest an improvement.
  • Create a Pull Request: Make changes to the code and submit a request for review.

Contact

For questions or feedback, reach out:

Notes

This project was created for educational purposes and to showcase technical skills. The affiliate links are optional and are intended to support the developer.

Made with 💖 by Amal

About

A website to explore iconic book series, discover the correct reading order, and easily purchase the books through affiliate links.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published