Web - Flip Book

CLICK TO ENLARGE 😇

📄 Description
🎓 Objectives
🔨 Tech stack
📂 Files description
💻 Installation and how to use
🔧 What's next ?
♥️ Thanks
👷 Authors

📝 Description

This project is a simple flip book designed in HTML and CSS to display a series of pages in a format reminiscent of a book.

🎓 Objectives

It provides a visually appealing method to navigate through content by flipping the pages.
A personal challenge for me was to create this book using only HTML and CSS.
However, I intend to make the whole flip book dynamic with JavaScript in the future.

🔨 Tech stack

📂 Files description

FILE	DESCRIPTION
resources	Contains the resources required for the repository.
README.md	The readme file you are currently reading 😉.
index.html	Main HTML file for the flip book.
style.css	CSS stylesheet for the flip book layout.

💻 Installation

1. Clone this repository:
   • Open your preferred Terminal.
   • Navigate to the directory where you want to clone the repository.
   • Run the following command:

git clone https://github.com/fchavonet/web-flip_book.git

2. Open the repository you've just cloned.

To see it in action, visit the flip book page online.

🔧 What's next ?

• Implement a dynamic content loading system per page using JavaScript.
• Add a JavaScript function to dynamically create pages based on a variable (number of pages).
• Integrate a color selector for the flipbook cover.

♥️ Thanks

A big thank you to my friend Yoann for taking time out of his busy schedule to test this little Web App.

👷 Authors

Fabien CHAVONET

• Github: @fchavonet