Project 1: Website Setup & Hosting

Domain & Hosting

For hosting and domain setup, we used Github Pages. It provided a free and simple way to host our website directly from a GitHub repository. By pushing the project files to a public repository and enabling GitHub Pages, the website was deployed with a free subdomain.

Website Setup

We built the website using a combination of HTML and CSS to ensure a clean and neat layout. No JavaScript or other frameworks were used, keeping the site lightweight and easy to maintain.

Networking Aspects

The site is publicly accessible online through GitHub Pages. GitHub handles a lot of the networking configuration, including setting up DNS records and generating an IP address for the hosted site. This demonstrates key networking principles such as:

• DNS (Domain Name System): GitHub Pages assigns a unique subdomain under github.io, translating URLs to IP addresses.
• IP Addresses: The hosted website is served from GitHub's IP range, making it reachable worldwide.
• Protocols: The site is accessible via HTTPS, ensuring secure communication between users and the server.

Documentation

Website Link: https://itssaifa.github.io/Computer-Networks-Project1/

Setup Process: The site was built using HTML and CSS, then pushed to a GitHub repository. GitHub Pages was enabled to deploy the website.

Challenges Faced: One challenge was ensuring that all of the file paths worked correctly, because GitHub Pages won't work without perfect structuring. Also, configuring a custom domain requires proper DNS settings.

Networking Principles Applied: The site demonstrates DNS resolution, IP addressing, and HTTPS protocol handling through GitHub Pages infrastructure.

Project 2: Secure, Optimize, & Monitor Your Website

Security Enhancements

✅ Enable HTTPS (SSL Certificate): GitHub Pages provides free HTTPS automatically.

✅ Protect Against XSS Attacks: Implemented DOMPurify to sanitize user input to prevent XSS.

✅ Prevent Brute-Force Login Attacks: Added Google reCAPTCHA to block automated login attempts.

Additional Enhancements

✅ Performance Optimization: Implemented lazy loading images.

✅ Deployment & Infrastructure: Website is hosted by GitHub Pages and GitHub automatically supports IPv6 for Pages.

✅ Networking Monitoring & Security Analysis: Implemented Google Analytics to track website traffic and user behavior.