• 

  ALL ABOUT Pylancer .

• 

  QUIZES TO TEST YOU KNOWLEDGE ABOUT PARTICULARCHAPTER

• 

  COMMENT THREAD INSIDE PROJECTS

• 

  PROJECTS RELATED TO PYTHON . FILTER WITH DIFFICULTY

• 

  DASBOARD

• 

  LIVE SESSION TO BE FEATURED IN APP BUILT WITH CHAT FUNCTIONS

• 

  DISCUSSIN FORUM LIKE REDDIT . REALTIME

• 

  CHAPTERS

• 

  AI POWERED AI HELP SUPPORT

• 

  CHAPTR INSIDE

• 

  PROJECTS WITH CODE AND EMBEDDED VEDIO

• 

  LANDING PAGE SCROLLED

• 

  LOGIN AND SIGN UP PAGE > SUPABASE AUTHORIZED

• 

  LANDING PAGE

About the Project

PYlancer is more than just a coding app — it’s a learning companion built by a learner, for learners.

As a student passionate about Python and teaching, I noticed how intimidating coding can feel to beginners — especially in places like Nepal where structured, beginner-friendly resources are limited. I wanted to change that.

So I built PYlancer, a full-stack Python learning platform where users can:

• Learn through interactive chapter-based lessons

• Test their knowledge with real-time quizzes

• Ask questions to an AI assistant powered by OpenRouter (Mixtral model)

  • Watch embedded YouTube videos for practical tutorials
  • Participate in live sessions with peers

• Join a community discussion forum like Reddit

• Focus better with a built-in music player toggle

What I Learned

While developing PYlancer, I gained valuable hands-on experience in:

• Full-stack development with React + TypeScript

• Backend and authentication via Supabase

• Using Bolt.new to rapidly prototype and organize components

• Real-time features like chat, comments, and live sessions

• Environment configuration and deployment on Netlify

• AI integration with OpenRouter

• Designing a beginner-focused UX for smooth learning

How I Built It

• Frontend: React + TypeScript + Tailwind CSS

*Backend & Auth: Supabase (Row Level Security, DB, Auth)

• AI Integration: OpenRouter (Mixtral-8x7B model) for contextual help

• Video Learning: YouTube embeds

• Deployment: Netlify (manual build and optimized with proper _redirects)

• UI: Custom dark-themed layout, responsive, accessible, and productive

Challenges I Faced

Every part of this app taught me something new — and here are a few real challenges I overcame:

• Supabase deployment errors: Incorrect or missing .env variables caused blank pages or API failures.

• Routing issues on Netlify: Solved by creating a _redirects file to prevent 404s.

• Large Bolt projects exceeding token limits: I had to trim and optimize prompts and logic.

• OpenRouter error handling: Dealt with 404 errors and model unavailability by reviewing API models and keys.

• Tavus integration issues: Due to time constraints and video limits, I shifted to YouTube embedding.

These issues slowed progress, but solving them taught me the importance of debugging, testing, and structuring code cleanly.

Final Thoughts

PYlancer is a platform I wish I had when I began learning to code. It brings together the best tools — structured lessons, AI help, and community — into one smooth, unified experience.

But this is just the beginning.

We plan to:

• Expand into other domains like C, C++, AI, ML, and more

• Introduce no-code/low-code features for non-developers

• Make the experience more seamless, responsive, and smarter

• Possibly introduce premium features for power users and deeper project-based learning

Our mission is to become a coding mentor, playground, and launchpad — all in one.

We built this with heart, hustle, and Bolt.new.

Thank you for reviewing our submission. We hope PYlancer inspires, educates, and grows into a truly global learning tool....

---

                                             NOTE : IMPORTANT UPDATE 

My AI assistance feature was working properly and performing well. I had integrated the Mistral AI open-source API for my project. However, I was not aware that the Mistral open-source API has a time limitation.

All configurations — including the frontend, backend, API calls, and environment variables — are correctly implemented. Unfortunately, due to the time limitation of the API, the AI feature has stopped functioning as intended.

I am currently working on resolving this by replacing it with an alternative solution and will do my best to restore full functionality as soon as possible. i am doing my best to resolve it .

Thank you for your understanding. I hope this does not negatively impact the judging criteria.

Best regards, HIMACHAL PAUDEL

Built With

• built-with-react
• netlify
• openrouter-api-(mixtral-model)
• supabase
• tailwind-css
• typescript
• youtube-embed