GradeAI-Frontend

Welcome to the GradeAI-Frontend repository! This is the frontend component of GradeAI, an AI auto-grader built using Python, OpenAI GPT-3.5, TensorFlow, and Flask. The GradeAI project was developed as a submission for the HackBytes II 2023 hackathon.

Demo Video

Features

AI-based auto-grading: GradeAI employs the cutting-edge OpenAI GPT-3.5 model to provide accurate and comprehensive grading for assignments.
Text-based grading: GradeAI can analyze text-based submissions and evaluate them based on predefined criteria.
Upload Images: With the integration of TensorFlow, GradeAI can extract text from images, making it suitable for grading image-based assignments.
Upload Documents: Users can easily upload PDF and TXT files for grading and evaluation.
Next.js frontend: The project utilizes Next.js, a popular React framework, to build a performant and scalable user interface for GradeAI.
Easy deployment: GradeAI can be easily deployed on platforms like Vercel or Heroku for seamless integration with web applications.

Getting Started

To get started, follow these steps:

Clone the repository:

git clone https://github.com/GradeAI/GradeAI-Frontend.git

Install the dependencies using npm, yarn, or pnpm:

npm install
# or
yarn install
# or
pnpm install

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 in your browser to see the Frontend.

Backend

To set up the back-end, please follow the instructions at https://github.com/GradeAI/GradeAI.

Acknowledgements

This project was developed as part of the HackBytes II 2023 hackathon.
Next.js - Next.js is a powerful React framework that provides an excellent development experience for building modern web applications. It simplifies the process of creating server-rendered React applications with features like automatic code splitting, hot module replacement, and more.
TypeScript - TypeScript is a typed superset of JavaScript that enables developers to write more robust and maintainable code. By adding static types to JavaScript, TypeScript helps catch errors during development and provides better tooling support.
DaisyUI - DaisyUI is a utility-first CSS framework for rapidly building custom designs. It extends Tailwind CSS with additional classes and components, allowing for quick and flexible UI development.

We are grateful for the open-source contributions made by the developers behind Next.js, TypeScript, and DaisyUI, as their projects have significantly enhanced the development process of GradeAI-Frontend.

arihanv / GradeAI-Frontend