RenderCheck - ML-Powered WebApp Coding Portal

RenderCheck is an advanced and secure web application designed to provide a unique and competitive coding experience. This portal enables participants to replicate provided UIs using code, which is then rendered and evaluated in real-time using Machine Learning algorithms to determine accuracy. This evaluation process offers precise feedback, helping participants gauge their performance and refine their coding skills.

🎯 Project Overview

RenderCheck has been extensively used in multiple events and coding competitions, delivering a seamless and secure experience to all participants. With its powerful evaluation algorithms and machine learning integration, RenderCheck has achieved remarkable accuracy in assessing UI coding challenges.

The platform includes real-time tracking of participants' accuracy and progress. It features a dynamic and competitive leaderboard that provides up-to-the-minute insights into all teams’ rankings. This combination of real-time evaluation and a competitive leaderboard enhances the overall experience and promotes a spirit of healthy competition among participants.

🚀 Key Features

• Real-Time Accuracy Assessment: Utilizing advanced TensorFlow-based ML models, the system evaluates how closely participants’ code matches the given UI and calculates an accuracy percentage.
• Dynamic Competitive Leaderboard: A responsive leaderboard to visualize all teams’ progress and their real-time standings in the competition.
• Extensive Usage in Competitions: Successfully hosted numerous coding events with proven track records in accuracy, scalability, and participant engagement.
• Secure Architecture: Developed by a skilled professional with expertise in Django development and cybersecurity (ISC2-certified). Every part of the system is designed to ensure data integrity, user privacy, and robust access controls.

🛠️ Tech Stack

• Backend: Django 4, Django Rest Framework (DRF)
• API: RESTful APIs for seamless communication and modular architecture
• Machine Learning: TensorFlow for UI accuracy assessment
• Automation & Testing: Selenium for automated testing and UI consistency checks
• Asynchronous Processing: Redis and multithreading to handle large-scale real-time events and asynchronous tasks
• Data Processing: Numpy for efficient numerical operations

🔐 Security

RenderCheck has been designed and built by hzshashwat, a seasoned Django Developer and an ISC2-certified cybersecurity analyst. Special attention has been given to building secure APIs, protecting against common web vulnerabilities, and implementing robust authentication and authorization measures. With industry best practices in place, RenderCheck aims to provide a safe and reliable experience for all participants.

📈 Real-Time Capabilities

RenderCheck stands out for its real-time capabilities, providing:

• Live Accuracy Tracking: Every submission is evaluated in real-time, with detailed feedback and an accuracy score.
• Leaderboard Updates: As participants submit their code, the leaderboard updates instantly, showing the ranks and accuracy of all teams.
• Event Analytics: Organizers gain deep insights into participant performance through comprehensive event reports and analytics.

📚 Installation and Setup

To set up RenderCheck locally for development:

1. Clone the Repository:

   git clone https://github.com/hzshashwat/rendercheck.git

2. Navigate to the Project Directory:

   cd rendercheck

3. Install Requirements:

   pip install -r requirements.txt

4. Set Up the Database:

   python manage.py migrate

5. Run the Development Server:

   python manage.py runserver

🚧 Project Status

RenderCheck is actively being improved, with new features and enhancements based on feedback from competitions. Stay tuned for upcoming updates and new capabilities!

📜 License

RenderCheck is licensed under the MIT License. See the LICENSE file for more details.

🤝 Contributors

We welcome contributions! Please read our Contributing Guidelines before submitting your contributions or issues.