Online Book Store

Project Description

This project is a website for an online book store named "Booklr" created with HTML, CSS, JS, Bootstrap, PHP, and MySQL. XAMPP is used to configure PHP and MySQL.

About the Project

The website was developed using a combination of HTML and Bootstrap 5, seamlessly integrated into PHP files and enhanced with styles from external CSS files. For backend functionality, internal PHP scripts were employed, complemented by external JavaScript for dynamic interactions. The database management and local server hosting were facilitated through XAMPP.

In crafting the front end, resources from MD Bootsrap and Free Front End were instrumental. These platforms provided valuable assets and design elements that greatly contributed to the aesthetic and functional aspects of the website. The incorporation of these resources, along with meticulous styling using external CSS, resulted in a visually appealing and user-friendly web interface.

How to set up the Booklr?

To download and set up the Booklr project, follow these step-by-step instructions:

1. Download Booklr Project:
• Navigate to the project repository and click on "Download Zip."
• Extract the downloaded Zip file to obtain the project folder.


2. Download and Install XAMPP:
• Download XAMPP and follow the installation instructions.


3. Open XAMPP and Explore:
• Launch the XAMPP application.
• Click on "Explore" to open the XAMPP installation directory.


4. Copy Project into "htdocs" Folder:
• Locate the "htdocs" folder within the XAMPP directory.
• Copy the extracted Booklr folder into the "htdocs" folder.


5. Start Apache and MySQL:
• Return to the XAMPP application.
• Start both Apache and MySQL by clicking on the respective buttons.
• Identify the port number from the XAMPP control panel.


6. Access phpMyAdmin:
• Open a web browser (Chrome, Edge, or any other).
• Type the following in the address bar: localhost:[PortNumber]/phpmyadmin/
• Replace [PortNumber] with the identified port number from the XAMPP control panel.


7. Create Database:
• In phpMyAdmin, click on "New" in the left sidebar.
• Enter "booklr" in the database name field.
• Ensure that the database name is entered correctly, as an incorrect name may lead to website malfunctions.


8. Import Database Tables:
• After creating the "booklr" database, select it and click on "Import."
• Click "Choose File" and select the database tables located in the "database" folder of the extracted project.
• Import each table individually.


9. Access the Website:
• Type the following address in the browser's address bar: localhost:[PortNumber]/[FolderName]/index.php
• Replace [PortNumber] with the identified port number and [FolderName] with the name of the extracted folder.

The website should now be accessible, providing an interface to interact with the Booklr project.

UI/UX Designs

Booklr website was built according to wireframes. All the wireframes are in the Wireframes Folder.

User Journeys of Booklr

User journeys were created to identify user behavior in Booklr. Go all the user journeys through User Journey Folder.

Contributors

Contributors to make Booklr successful.

                                                                           

Dishal Kanishka        Kavindu Dilshan       Mihiranga Fernando      Raveen De Silva        Sachith Nimendra