2023spring_41class_team9

We provide a web service to users who want to develop their problem-solving skills using Python, helping them to learn and solve problems by providing GPT-generated hints.

Key Features

• Practice mode that allows users to solve problems step by step
• Real mode for competing with other users
• Hints provided using GPT-3 to help users overcome obstacles and solve problems until the end
• Incorrect answer notes that allow users to review their own solutions as well as the solutions provided by GPT-3

Usage

# clone this repository first
python ./backend/manage.py runserver

Contents List

• Login
  • Login page
  • Register Page
• Main Page
• Practice Mode
  • Practice Mode Page
  • Practice Page
  • Hint (Generated by GPT3)
• Real Mode
  • Real Mode Page
  • Real Mode
• Review Note
  • Review Note Page
  • Review Note

Login

Login page

Register Page

Main Page

• User ranking: Users can check the ranking based on the scores obtained through the real mode.
• User name and User score are displayed.
• Provides two modes: practice mode and real mode.

Practice Mode

Practice Mode Page

• Explanation of the practice mode is provided.
• The number of crowns varies depending on the number of hints used during problem-solving.
• In the practice mode, problem-solving is possible in the order of the map, and the next problem can only be solved after solving the problem in the corresponding stage.

Practice Page

• Problem

  • problem content
  • description of inputs
  • description of outputs
  • sample input/output examples

• 3 types of hints

  • a brief hint about the problem
  • a hint about the next step based on the user's code
  • a hint about the incorrect parts based on the user's code

• The timer is displayed during problem-solving

• There is a code input box

Hint (Generated by GPT3)

Real Mode

Real Mode Page

The Real Mode is a format where problems need to be solved within a limited time, and points are earned upon successful completion. In case of incorrect answers, it is possible to review and learn again on the Review Note page. Clicking the "Start" button provides random problem prompts.

Real Mode

• Problem

  • problem content
  • description of inputs
  • description of outputs
  • sample input/output examples

• The timer is displayed during problem-solving

• There is a code input box

Review Note

Review Note Page

• The review notes allow for learning from the problems that were not solved in the real mode. You can review your own code, other users' code, and AI-generated code.
• A list of incorrect problems is displayed.

Review Note

• Problem

  • problem content
  • description of inputs
  • description of outputs

• Provided Contents

  • The User's code
  • Other Users' code
  • GPT generated code

Collaborators

Name	GitHub ID	Role
박주봉 (Jubong Park)	Park-Jubong	Backend Developer
김민성 (Minseong Kim)	minseong0106	Backend Developer
신새별 (Saebyeol Shin)	SaebyeolShin	Frontend Developer
이하은 (Haeun Lee)	fun-soul	Frontend Developer
최현진 (Hyeonjin Choi)	HyeonjinChoi	Backend Developer