Skip to content

e-commerce website created using HTML, CSS, JavaScript with the aid of firebase and PHP for backend functionality

Notifications You must be signed in to change notification settings

mariam2001/e-commerce-website

Repository files navigation

E-Commerce Website

Welcome to the E-Commerce Website project! This web application is built using HTML, CSS, and JavaScript, with Firebase and PHP for backend functionality. Bootstrap libraries are utilized for enhanced styling and responsiveness. Bootstrap is installed locally for better performance instead of relying on a CDN.

Pages

  1. Cover Page:

    • First page for user navigation leading to the login.
  2. Login Page:

    • User authentication page.
  3. Sign-Up Page:

    • New user registration page.
  4. Browser Page:

    • Displays a series of carousels to showcase items fetched from the Firestore database.
  5. View Item Page:

    • Detailed view of a selected item, pulling information from Firestore.
  6. Profile Page:

    • Displays user's photo and name (updated from login).
  7. Cart Page:

    • Fully functional shopping cart dynamically updated when items are added from the View Item page.
  8. Checkout Page:

    • Gathers order information, adds it to the Firestore orders list, and calculates the user's total based on cart items.
  9. About Us Page:

    • Static page with dummy information about the website.

Functionality

  • The project is integrated with Firestore for database functionality.
  • Bootstrap is installed locally for styling.
  • Login, sign-up, browsing items, viewing item details, updating profile, cart management, and order checkout functionalities are implemented.

Project Status

While the project is not fully complete, most of the essential functionalities are working seamlessly. Some features may be under development.

Feel free to explore the different pages and functionalities of the website. Contributions and feedback are always welcome!

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository.
  2. Set up Firebase and PHP backend.
  3. Install Bootstrap locally.
  4. Open the HTML files in your browser.

Happy coding!

About

e-commerce website created using HTML, CSS, JavaScript with the aid of firebase and PHP for backend functionality

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published