🎉 SISTec Innovation Hackathon Platform 🚀

Welcome to the SISTec Innovation Hackathon website – the one-stop solution to organize, manage, and streamline coding hackathons at SISTec! This web application is built using the MERN stack and provides an intuitive platform for both administrators and participants to experience seamless hackathon management. 🎓💻

---

Table of Contents 📚

• 🔍 Overview
• ✨ Features
• 📸 Project Screenshots
• 🛠️ Tech Stack
• 🏗️ Installation
• 🚀 Usage
• 🎛️ Admin Dashboard
• 🤝 Contributing
• 📜 License
• 📞 Contact

---

🔍 Overview

The SISTec Innovation Hackathon Website is designed to:

• Streamline event management: Easily create, update, and manage hackathon events.
• Centralize information: Publish event details, previous year hackathon information, timelines, and more.
• Simplify registration: Allow participants to register and pay entry fees online.
• Track progress: View real-time updates on participant teams, shortlisted entries, and event schedules.

This project was developed as part of a college hackathon, and it aims to provide a robust and scalable solution for future hackathon events. 🎯

---

✨ Features

• Event Management: Create and update hackathon events with detailed information.
• Admin Dashboard: An exclusive dashboard for admins to manage events, previous hackathons, and participant data.
• User Registration: Participants can register and pay entry fees with ease.
• Timeline & Updates: Real-time updates on event timelines, team registrations, and shortlisting.
• Responsive Design: Fully responsive UI for a seamless experience on any device. 📱💻

---

📸 Project Screenshots

---

🛠 Tech Stack

• Frontend: React.js, HTML5, CSS3, JavaScript (ES6+)
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT

---

🏗 Installation

1. Clone the repository:

   git clone https://github.com/HARIOM317/SIH-WebApp.git
   cd SIH-WebApp
   

2. Install dependencies:

   npm install
   

3. Install backend dependencies:

   cd backend
   npm install
   

4. Environment Setup: Create a .env file in the backend directory to set up all environment variables.

5. Run the app:

   npm start
   

6. Start the server:

   cd backend
   npm start
   

---

🚀 Usage

• For Admins:

  • Access the admin dashboard to create new events, manage previous hackathons, and update event details.
  • Monitor participant registrations, team formations, and shortlist entries directly from the dashboard.

• For Participants:

  • Browse upcoming hackathon events and view detailed information.
  • Register for events and pay entry fees securely.
  • Stay updated with real-time event timelines and announcements.

---

🎛 Admin Dashboard

• The Admin Dashboard is the control center of the SISTec Innovation Hackathon Website.
• Create & Edit Events: Easily add details, timelines, and rules for upcoming hackathons.
• Manage Registrations: View participant details, approve teams, and manage fee payments.
• Historical Data: Archive previous hackathon events with detailed information and statistics.
• Analytics: Get insights on participant engagement and event performance.

---

🤝 Contributing

We welcome contributions! If you have suggestions or improvements, please follow these steps:

• Fork the repository.

• Create a new branch.

  git checkout -b feature/YourFeature
  

• Commit your changes.

  git commit -m 'Add some feature'
  

• Push to the branch.

  git push origin feature/YourFeature
  

• Open a pull request.

Please ensure your code adheres to the project's coding standards and includes relevant tests. ✅

---

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

---

📞 Contact

For any questions, suggestions, or issues, please contact:

• 📧 Email: sistecr.hodcs@sistec.ac.in

• 🌐 Website: www.sistecrsih.in/

Thank you for checking out the SISTec Innovation Hackathon Website Code Base! Let's build a vibrant hackathon community together. 🚀🎓✨