ContestHUB

Create, Participate & Win

Welcome to the ContestHub-the ultimate platform where innovation meets recognition! ContestHub is a dynamic and user-friendly Project Contest Creation Platform designed to foster creativity, engage communities, and celebrate talent across various domains. Whether you're organizing a design competition, coding challenge, or any other creative contest, ContestHub is your go-to destination for seamless contest creation and efficient winner selection.

Extra Routes

• Success Stories
• Benefits & Opportunities

Features

1. User Authentication:

   • Email/Password Login
   • Google Sign-in

2. Responsive Design:

   • Mobile, tablet, and desktop views
   • Dashboard responsiveness

3. Home Page:

   • Navbar with logo, website name, Home, Login, All contests, Extra Routes/Section
   • Banner with a search bar based on contest tags
   • Popular contests section (minimum 5 contests)
   • Advertisement section highlighting contest winners
   • Best contest creators section
   • Meaningful footer with logo, copyright information, and social media links
   • Custom 404 Error Page

4. All Contests Page:

   • Display all confirmed contests with details
   • Tab view based on contest type/tags

5. Contest Details Page (Private):

   • Contest name, image/banner, attempted count, description, prize, winner details, deadline counter, registration button

6. Role Management:

   • Admin: Manage contests and users, approve contests, change user roles, comment on pending contests
   • Contest Creator: Add, update contests, declare winners
   • User: Participate in contests, update profile, view participation and winning details

7. Dashboards:

   • User Dashboard: Participated contests, winning contests, profile
   • Creator Dashboard: Add contest, created contests, contest submissions
   • Admin Dashboard: Manage users, manage contests

8. Notifications:

   • Sweet alert/toast notifications for CRUD operations, authentication, login, and sign-up

9. Environment Variables:

   • Hide Firebase config keys and MongoDB credentials

10. Data Fetching:

    • Implement tanstack query for GET methods

11. Additional Functionalities:

    • Leaderboard route
    • Form handling with react-hook-form
    • JWT implementation for secure API
    • Pagination for tables and cards
    • Extra routes for Contest Timeline Visualization and Participation Progress Tracking
    • Theme customization (light/dark mode)
    • CAPTCHA for registration

NPM Packages used

    "react-datepicker": "^6.9.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.51.4",
    "react-hot-toast": "^2.4.1",
    "react-icons": "^5.2.1",
    "react-router-dom": "^6.23.0",
    "react-timer-hook": "^3.0.7",
    "sort-by": "^1.2.0",
    "swiper": "^11.1.1",
    "tailwind-merge": "^2.3.0",
    "tailwindcss-animate": "^1.0.7",
    "sweetalert2": "^11.10.8"