Kitaabh - Online marketplace for books.

Project Overview:

Kitaabh.com is an e-commerce website that allows users to order books online. The website includes a HTML, CSS and Javascript based front-end and a PHP and SQL based back-end. This is a full-stack web application that provides a seamless user experience.

The website includes all the major components of an e-commerce website, such as the ability to view and order products, manage user accounts, and store and manage user inventory data. In addition, the website has successfully implemented a hashing cryptographic process to add security for user ID and password authentication.

The website features several pages, including a home page, an about page, a Products/Services page, a news page, a user page, a signup page, and a login page. Each page is designed to provide the user with a specific set of information and functionalities. The instruction below helps to host this website locally.

Motivation:

The motivation behind creating an e-commerce website for selling books is to provide users with a convenient and efficient way to purchase books online. With the rise of digital technology and online shopping, it has become increasingly important for businesses to provide their customers with an online platform to purchase products. By creating Kitaabh.com, we aim to make the process of purchasing books online as seamless and convenient as possible.

Project Objectives:

The objectives of the project include:

• Creating a user-friendly and visually appealing front-end interface
• Developing a secure back-end database with robust inventory management system
• Providing a seamless and efficient user experience for browsing and purchasing books
• Ensuring the website is fully responsive and compatible with all devices and browsers
• Implementing a secure authentication system for user accounts

Architecture

Project Timeline:

Week 1: Planning and scoping

• Defined project goals, objectives, and requirements
• Developed project plan and timeline

Week 2: Designing and prototyping

• Developed website wireframes and designs over AdobeXD.
• Created prototypes for key pages and functionality.
• Gather feedback and iterate on designs as necessary.

Week 3: Front-end development

• Developed HTML/CSS templates based on finalised designs.
• Implemented responsive design for mobile and desktop devices.
• Developed and implement JavaScript functionality.

Week 4: Back-end development

• Developed and configured database architecture.
• Implemented website functionality using PHP and SQL.
• Integrated website with payment gateway.
• Developed and implement secure authentication system.

Week 5: Testing and deployment

• Conducted comprehensive testing of website functionality.
• Tested website performance and load time.
• Tested website on multiple browsers and devices.
• Debuged and resolved issues as necessary.
• Deployed website on ipage.

Demo

You need the following application installed on your system to run this project:

• XAMPP ~ 7.3.30
• Any IDE
• Any WebBrowser

Getting Started

• Clone this repo locally into the location of your choice.
• Move and merge the content of the frontEnd folder and backEnd folder at one single repository. Note, the calling of certain files have been done in a way that requires them to be merged.
• Open XAMPP, enabling necessary tabs.
• Clone the repo at "ht docs" folder.
• Use your browser to host the website locally.

Tool and Technologies Used:

• Front End: JavaScript, HTML5
• Back End: PHP, MySQL database