• 🎯 Project Overview
• 🌟 Why This Project Matters
• 🛠 Tech Stack
• 📦 Installation & Local Setup
• 🔧 Code Formatting & Linting
• 🤝 How to Contribute
• 📁 Project Structure
• 🎨 Screenshots & Demo
• 🗺️ Project Roadmap
• 📝 Issues
• 📌 License
• 👥 Core Committee (2024–25)
• 🔥 Contributors
• 📫 Contact

The Pixel Phantoms Official Website serves as the central digital hub for the Pixel Phantoms student-driven tech community. This platform not only showcases community initiatives but also functions as a real-world, beginner-friendly open-source codebase for hands-on learning.

• 📢 Showcases the Pixel Phantoms community and its activities
• 📅 Highlights events, workshops, achievements, and member projects
• 👥 Presents the core committee and recruitment details
• 🎓 Encourages learning, collaboration, and open-source contributions
• 🌐 Fully responsive design for all devices

Note: Open to students, beginners, and open-source contributors worldwide!

• 🎯 Beginner-Friendly Environment – Perfect for first-time open-source contributors
• 💻 Hands-On Learning – Practical experience with modern frontend development
• 🤝 Collaborative Workflows – Learn Git, issues, PRs, and code reviews
• 🏗️ Real-World Structure – Industry-standard project organization
• 🎨 UI/UX Development – Opportunities to enhance design and responsiveness skills

HTML5 CSS3

JavaScript

• Bootstrap – Responsive framework
• AOS Animations – Scroll animations
• jQuery – Simplified JavaScript
• API Integrations – External data fetching

• 🌐 Modern web browser (Chrome, Firefox, Safari, or Edge)
• 🐙 Git – Required for cloning the repository
• ⚙️ Node.js (v16+) and npm – For development tooling
• 💡 VS Code with Live Server extension (Recommended)

1. Clone the Repository

   git clone https://github.com/sayeeg-11/Pixel_Phantoms.git
   cd Pixel_Phantoms

2. Install Dependencies (Recommended for contributors)

   npm install

Run the Website Locally

✅ Option 1: Live Server (Recommended)

Open project in VS Code

Right-click index.html

Select "Open with Live Server"

Access at http://127.0.0.1:5500/

⚠️ Option 2: Direct Browser Access

Open index.html directly in browser

Note: Some JavaScript features may not work due to CORS

This project uses automated tools to maintain code quality: Available Commands:

# Formatting

npm run format          # Format all files
npm run format:check    # Check formatting without changes

# Linting
npm run lint           # Check for linting issues
npm run lint:fix       # Fix linting issues automatically

Pre-commit Hooks:

🛡️ Husky and lint-staged automatically run checks before commits

🔒 Commits are blocked if formatting/linting checks fail

✅ Ensures consistent code quality across all contributions

We welcome all contributions – design updates, animations, UI fixes, new pages, and more!

Contribution Workflow:

Before Starting:

Create an Issue describing your proposed change

Wait for admin to assign the issue to you

Discuss implementation details if needed

Development Steps:

# 1. Fork the repository
# 2. Clone your fork
git clone https://github.com/your-username/pixel-phantoms-website.git

# 3. Create feature branch
git checkout -b feature-name

# 4. Make changes and commit
git commit -m "Add: short feature description"

# 5. Push to your fork
git push origin feature-name

Submit Pull Request:

Open a Pull Request from your branch

Reference the related issue

Wait for review and feedback

👉 Detailed guidelines: CONTRIBUTING.md

pixel-phantoms-website/
│
├── index.html
├── about.html
├── contact.html
├── team.html
├── events.html
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
│
├── assets/
│   ├── demo.png
│   ├── host-event.jpg
│   └── logo.png
│
├── css/
│   ├── style.css
│   ├── home-gsap.css
│   ├── back-to-top.css
│   ├── community.css
│   ├── contact.css
│   ├── contributors.css
│   ├── events.css
│   ├── gallery.css
│   ├── help.css
│   ├── join-us.css
│   ├── privacy.css
│   ├── projects.css
│   └── terms.css
│
├── data/
│   └── events.json
│
├── js/
│   ├── back-to-top.js
│   ├── community.js
│   ├── contact.js
│   ├── contributors.js
│   ├── events.js
│   ├── footer.js
│   ├── gallery.js
│   ├── help.js
│   ├── home-gsap.js
│   ├── home-leaderboard.js
│   ├── join-us.js
│   ├── main.js
│   ├── navbar.js
│   ├── privacy.js
│   ├── projects.js
│   ├── scripts.js
│   ├── terms.js
│   └── theme.js
│
└── pages/
    ├── community.html
    ├── contributors.html
    ├── gallery.html
    ├── help.html
    ├── join-us.html
    ├── privacy.html
    ├── projects.html
    └── terms.html

🎨 Screenshot / Demo

Click to view screenshots of the Pixel Phantoms website

🏠 Home Page

---

🪪 Logo

---

🖼️ Additional Images

Found a bug? Have an idea? 👉 Open an Issue with the correct labels.

This project is licensed under the MIT License. See the full license in the LICENSE file.

Thanks to all the amazing contributors who make this project better every day! 💖

👉 See the full contribution graph

Admin:
Sayee Gosavi

• 📧 Email: sayeeygosavi@gmail.com
• 💻 GitHub: sayeeg-11
• 🔗 LinkedIn: Sayee Gosavi
• 📍 Location: Nashik, Maharashtra

Let’s build something amazing together! 🚀👻