Error-Raid is an innovative web application built with the MERN stack, designed to help developers and learners by providing an AI-driven platform for code error correction. The platform uses Gemini AI to analyze and correct coding errors, improving users' coding skills through personalized, real-time feedback. Along with a smooth, interactive, and modern interface, Error-Raid allows users to log in, track progress, and efficiently improve their code.
- Login/Signup: Secure user authentication with login and signup functionality. Users can create accounts to save their progress, track their submissions, and receive personalized suggestions.
- Code Correction: Users can submit code snippets with errors, which are then analyzed by Gemini AI for corrections.
- Real-Time Suggestions: Receive AI-powered, real-time corrections as you type. The suggestions help identify bugs, syntax errors, and even logic flaws in the code.
- Code Snippet History: Keep a record of previously submitted code and view the corrections made, allowing users to track their learning progress.
- Clean, Cool Interface: A modern, user-friendly design built with Material-UI that ensures smooth interaction with the application.
- Support for Multiple Languages: Error-Raid supports common programming languages like JavaScript, Python, Java, and more, with plans for additional languages in the future.
- Personalized Feedback: Through user authentication, Error-Raid can offer tailored suggestions based on past submissions and errors.
-
Frontend:
- React.js: A powerful and efficient JavaScript library for building user interfaces.
- Material-UI: A React component library that provides a clean and responsive design.
- Redux: For managing global state, especially useful for managing authentication and user data.
-
Backend:
- Node.js: JavaScript runtime environment to run the server.
- Express.js: A minimal and flexible Node.js web application framework.
- MongoDB: NoSQL database to store user data, code submissions, and AI correction history.
- JWT Authentication: Secure user authentication using JSON Web Tokens (JWT).
- Gemini AI: An AI service integrated to analyze code and provide corrections.
-
Styling:
- CSS/SCSS: For styling the frontend, giving the app a clean, modern look.
- Responsive Design: Ensures the app is accessible on various devices, including desktops, tablets, and smartphones.