Python Data Analysis Tutorial - Instructional Webpage

A professional instructional webpage teaching beginners how to perform basic data analysis in Python.

🌐 Live Demo

Live URL: https://sumit-sah314.github.io/python-data-analysis-guide/

🔒 Password Protection

This site is password protected. The password is: Tech3303

To change the password:

Open auth.js
Find the line: const CORRECT_PASSWORD = "Tech3303";
Change "Tech3303" to your desired password
Save and push to GitHub

🚀 Deploying to GitHub Pages (Free)

Step 1: Create a GitHub Account

If you don't have one, go to github.com and sign up for free.

Step 2: Initialize Git Repository

Open PowerShell in your project folder and run:

git init
git add .
git commit -m "Initial commit: Python data analysis tutorial"

Step 3: Create GitHub Repository

Go to github.com/new
Repository name: web-page
Set to Public (required for free GitHub Pages)
Do NOT initialize with README
Click "Create repository"

Step 4: Push to GitHub

Replace YOUR-USERNAME with your GitHub username:

git branch -M main
git remote add origin https://github.com/YOUR-USERNAME/web-page.git
git push -u origin main

Step 5: Enable GitHub Pages

Go to your repository on GitHub
Click Settings tab
Click Pages in the left sidebar
Under "Source", select main branch
Click Save
Wait 2-3 minutes for deployment
Your site will be live at: https://YOUR-USERNAME.github.io/web-page/

📁 Project Structure

web-page/
├── index.html      # Main HTML structure
├── styles.css      # Styling and responsive design
├── script.js       # Interactive features (copy code, navigation)
├── auth.js         # Password protection system
└── README.md       # This file

✨ Features

✅ Password protected access
✅ Clean, professional design
✅ Responsive (mobile, tablet, desktop)
✅ Copy-to-clipboard for code blocks
✅ Smooth scrolling navigation
✅ Step-by-step instructions
✅ Troubleshooting section
✅ Free hosting on GitHub Pages

🔧 Making Updates

After making changes to your files:

git add .
git commit -m "Description of your changes"
git push

Changes will appear on your live site in 1-2 minutes.

🔐 Security Note

The password protection uses client-side JavaScript, which is suitable for basic privacy but not for sensitive data. Anyone with technical knowledge could bypass it. For stronger security, consider server-side authentication.

📝 Customization

Change password: Edit auth.js
Modify colors: Edit CSS variables in styles.css
Update content: Edit index.html
Change styling: Modify styles.css

👤 Author

Created by Sumit Sah

📄 License

This project is open source and available for educational purposes.

sumit-sah314/python-data-analysis-guide