DEV Community

Cover image for Test your skills with AI assistance
Paweł Ciosek
Paweł Ciosek

Posted on

Test your skills with AI assistance

What I built

👨‍💻 Dev-Gym is a basic testing platform with a hacker-inspired design, created to help programmers hone their skills with AI-Powered hints.

Category Submission:

Best Project built using Supabase as the main data provider for the refine app.

App Link

https://dev-gym.vercel.app

Screenshots

Image description

Image description

Image description

Image description

Description

🕵️‍♂️ Hacker-Inspired Design: Dev-Gym sports a cool, hacker-inspired design to engage tech enthusiasts.

🤖 GPT-4 Assisted Tests: The coding tests in this prototype are pre-generated manually with the help of the advanced GPT-4 model.

💡 AI-Powered Hints: Dev-Gym integrates AI-driven hints during tests, offering real-time assistance

🔗 Supabase Integration: Dev-Gym is integrated with Supabase, where the data is stored.

📝 Admin Panel: The platform includes a panel where users can add new tests.

Link to Source Code

https://github.com/pavelee/dev-gym

Permissive License

MIT

Background (What made you decide to build this particular app? What inspired you?)

  • Fascinated by AI's transformative power in programmer education.
  • Looking for a positive site of AI

How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)

The most important, I gained knowledge how to use refine in practice.

Additionally I tried supabase and I like it!

Tech stack: Next.js, Antd UI, Supabase

What else:

  • Using Refine built-in integration with Supabase. Really cool!
    • instant integration! wow!
    • Utilizing Refine's hooks for data fetching. In my opinion it's the best part of the framework.
  • Admin panel built with generated code
    • Firstly I was a little bit confused, but after tutorial it become clear.
    • it really speed up CRUD job
    • I love idea to copy and adjust code, a lot of flexibility
  • OpenAI integration for AI hints

Additional Resources/Info

Admin panel is located at path /admin

Top comments (1)

Collapse
 
emmjayp profile image
Michael Pollaci

Love it!