Video Demo: Blood Bridge | CS50x Final Project
Blood Bridge is a full stack website project based on online blood donation. This is a responsive and userfriendly website for making the process of blood donation easy.
This guide will walk you through the steps to open the Blood Bridge website on your computer or PC. Follow these steps to get your website up and running.
Before you begin, ensure you have the following prerequisites installed:
-
Visit the Blood Bridge GitHub repository: Blood Bridge GitHub Repo.
-
Click on the "Code" button and select "Download ZIP" to download the source code as a ZIP archive.
-
Download XAMPP for your operating system (Windows, macOS, or Linux) from the official website.
-
Run the installer and follow the on-screen instructions to complete the installation. During installation, you can choose the components you want to install, but the default settings are usually sufficient.
-
After installation, open XAMPP Control Panel.
- On Windows, you can find it in the Start menu.
- On macOS, you can find it in the Applications folder.
- On Linux, you can start it from the terminal using the
sudo /opt/lampp/manager-linux-x64.runcommand.
-
In the XAMPP Control Panel, start the Apache and MySQL services by clicking the "Start" button next to each.
-
Place your Blood Bridge website files in the appropriate directory. By default, on Windows, it's in
C:\xampp\htdocs. On macOS and Linux, it's in/opt/lampp/htdocs. -
Ensure that your main webpage is named
index.phporindex.html. This is the page that will be displayed when you accesshttp://localhostin your web browser.
-
Open your web browser (e.g., Chrome, Firefox, or Edge).
-
In the address bar, type
http://localhostand press Enter. This will load the default webpage, which is your Blood Bridge website.
Congratulations! You've successfully set up and opened your Blood Bridge website on your computer or PC using XAMPP.
-
To stop the Apache and MySQL services, go back to the XAMPP Control Panel and click the "Stop" button next to each service.
-
Remember to secure your XAMPP installation and your website before deploying it to a live server.
-
If you encounter any issues, consult the XAMPP documentation or seek assistance from online forums and communities.

