The latest articles on DEV Community by cjscheller (@cjscheller). https://dev.to/cjscheller https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F237241%2Ffb6e1cbd-6b54-45d2-ae5d-e0aa8ef882ec.png https://dev.to/cjscheller en cjscheller Fri, 01 May 2020 05:54:09 +0000 https://dev.to/cjscheller/peachy-live-learning-4c3m https://dev.to/cjscheller/peachy-live-learning-4c3m <h2> What We Built: </h2> <p>Peachy is a video-conferencing application focused on delivering a better live-learning experience. The app allows instructors to connect with students in real-time to interact, share class plans, and answer student questions. Peachy is publicly accessible, allowing any user to host their own classes while letting students interface with a variety of instructors they otherwise might not have access to.</p> <h3> Team: </h3> <p>Carl Scheller - Developer<br> Ali Foster - Developer</p> <h3> Why We Built It: </h3> <p>As with everything during this crazy time, the initial idea for Peachy was born out of the effects of COVID-19.</p> <p>While there are an infinite number of resources for online learning (ebooks, videos, subscriptions, etc.), there wasn't a sufficient service for live, real-time online learning. We'd taken remote classes via Zoom and social media platforms, but they regularly felt out-of-touch, were limited by pricing and time restraints, and weren't really optimized for a student-instructor experience. As students, we found it difficult to ask questions, access class-related info, and stay engaged.</p> <p>At the same time, we saw many of our friends in public-facing jobs get furloughed or laid off - jobs like chefs and fitness instructors. We wanted to play some small role in helping them by providing a tool that would allow them to share their skills remotely while still generating a small income. We eventually plan to integrate payments into the application so that instructors can choose to offer their classes for a fee.</p> <p>Project repository: <a href="https://github.com/cjscheller/peachy">https://github.com/cjscheller/peachy</a></p> <p>Live demo: <a href="https://peachy.carlscheller.com">https://peachy.carlscheller.com</a></p> <h2> Stack and Features: </h2> <ul> <li>Python web server using <a href="https://github.com/django/django">Django</a> </li> <li>WebRTC video conferencing with up to 50 participants using <a href="https://www.twilio.com/video">Twilio Video</a> </li> <li>Front-end powered by Django templates and <a href="https://github.com/vuejs/vue">Vue</a> </li> <li>Ability to manage classes and user profiles, invite users to join class, connect with a host/participants</li> <li>WYSIWYG editor using <a href="https://github.com/quilljs/quill">Quill</a> </li> <li>Light &amp; dark mode support</li> </ul> <h3> Development Notes </h3> <ul> <li> <em>Why we chose Django:</em> Ali is a Python app developer with minimal web experience, while I'm a web developer with minimal Python experience. Django provided a good middle-ground as both of us could learn something while actively contributing </li> <li>The live demo is a serverless app deployed using <a href="https://github.com/miserlou/zappa">Zappa</a> </li> </ul> <h3> Highlights </h3> <ul> <li>Video conferencing</li> </ul> <blockquote> <p>Stay connected with feature-filled video conferencing</p> </blockquote> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--AowNLD0d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/lrvymo07s2xlkcqs172v.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AowNLD0d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/lrvymo07s2xlkcqs172v.png" alt="video_session"></a></p> <ul> <li>Raise hand</li> </ul> <blockquote> <p>Got a question? Raise your hand to get the instructor's attention</p> </blockquote> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--P_N64xtt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/v8o0rhua98xp0o2yct4r.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--P_N64xtt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/v8o0rhua98xp0o2yct4r.png" alt="raise_hand"></a></p> <ul> <li>Timer</li> </ul> <blockquote> <p>Complete timed activities, synced across all participants</p> </blockquote> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5NsMSCNT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wgg61uygl1s0p47gbf2d.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5NsMSCNT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wgg61uygl1s0p47gbf2d.gif" alt="timer"></a></p> <ul> <li>Light/dark mode support </li> </ul> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ciiz5wNR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wptwpefyofe8a8cdnrwo.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ciiz5wNR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wptwpefyofe8a8cdnrwo.gif" alt="light_dark_mode"></a></p> <h3> What's Next </h3> <p>While this app was created as a means for connecting instructors with students during this challenging time, we feel that this tool could serve as a useful means for helping people reach a wider audience by continuing to host live virtual-based classes post COVID-19. Not only could it be a means for supplementing income, but it could also serve as a way to build a small online business allowing instructors to build a brand with their virtual classes and their public profile.</p> <h4> Category Submission: </h4> <p>We're submitting this project to the <em>COVID-19 Communications</em> category</p> twiliohackathon vue django