DEV Community

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

Posted on

1 1

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

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (1)

Collapse
 
emmjayp profile image
Michael Pollaci

Love it!

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay