Programmers Playground: An Interview Preparation Web Application.
Tags: rebase01, gdsciiitkalyani, loftlabs, openinnovation
Published: 2024-04-20 15:14:47

#Project Name:-
Programmers Playground 

## Team Details:-
-Disha Malviya @dishamalviya56
-Aditi Shrivastava @adiiiiti 
-Sameeksha Gangrade @sameeksha09 

## Description of Project
A lot of students face issues like hesitation, nervousness and  getting blank out during an interview, the reason behind this is lack of preparation, in-person interaction and poor communication skills, we have addressed this issue that some students are skillful programmers and have proficient writing skills but are unable to express their views  and frame their ideas while communicating.

As all the resources are available on the internet why not have something that can make use of the resources and can help people save their time, prepare well and help them boost their confidence at the same time not to mention the golden plus point which is increasing the chances of an individual's placement and job security, a group of programmers can come together and ask questions to each other during a conference which are listed in the app, practice answers and have fun together as well while learning and preparing in the best way possible.![](https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExcmNzb2picndoNHdvNjRtMnBucjgzZ2Vrc2cxbzMzY2h3NGk3dXpleiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/gKHGnB1ml0moQdjhEJ/giphy.gif)


## Submission Track
Open innovation :- we believe that we can bring significant improvement in the Tech world by helping the students prepare for the interview, through our creativity and passion we wanted to build something which can have a great impact on programmers that's why we chose the track open innovation.

## Overview of My Submission
me and my team has build programmers playground which is a web application that provide students with facilities to access questions of different subjects that are mostly asked in an interview, during a video conference, so that the students can prepare for the interviews with their friends, classmates, mentors and even with family members.

Programmers playground have another key features which is preparation links, we have even provided YouTube links for the preparation and its very simple to access, just one click and you are on the YouTube channel which can help you prepare for different subject. this will save a lot of time of an individual trying to search for content online and will also help in avoiding unnecessary scrolling.

Another key feature is cool and simple UI, a user can interact with the application without getting confused in any feature, the interface of programmers playground is very simple and straight forward displaying all the features nicely, yet looks very eye-catching and attractive so user never get bored.

Inspiration:- We and millions of other programmers like us are the inspiration, as we have always been curious on how a real tech interview looks like, but during our mock interviews in college we felt that practice for interviews is quite necessary and so we felt the need to have an application which provides one to prepare for interviews and so, we came to a conclusion to build an app that can save programmers time and help them prepare for their interviews with their friends and evaluate their skills and gain confidence with it.

DevPod: During our journey of building the application, Programmers playground we explored many new technologies like DevPod, we had an amazing experience learning about DevPod and exploring how amazing features it has like it provides a very cool virtual environment, it helps us managing work load and the one feature that i loved in DevPod is that our local machines will be connected to cloud machines which are very powerful. Me and My team totally loved the application, we didn't use it in our project because of different requirements, we still wanted to mention its cool features and will definitely use DevPod in our future projects.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zdibz5dhjth0wv3z8pf7.png)

## Tech Stack
Next.js : We have made our project by implementing Next.js that is an open-source web framework that provides both front-end and backend integration.

Typescript : It provides best compatibility features with the other tech-stacks that we have used in our project.

Tailwind CSS : It provides an unique approach in styling and enabling rapid development and customization, Tailwind allows extensive customization without overriding framework styles.

Clerk Authentication : It provides and offers customizable login flows, security features etc.

Stream.io - It helps in managing dynamic conversations and collaborations among users in our application.

## Challenges We Faced
Creating something new comes with great enthusiasm but it may have challenges sometimes, while building up our project as a team we surely got an opportunity to learn together , not only about how to code but also to manage working together in a group as one. 

We as a team faced many challenges, as initially we were working on flutter  and firebase but after we installed firebase due to an error in build.gradle we had to switch from flutter and firebase to next.js , typescript  and tailwind css, we tried fixing the error n number of times with the help of our mentors and connections which was quite overwhelming, but as we were enjoying both learning and working we planned on changing  tech stack on the mid evaluation day.
![](https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExZTB5dHJhazVoY3d3cnY4YWRqYjVjOHhmOXY4OTZicm90M3E2MjlmZyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ePbtplyRUqBCdKwd43/giphy-downsized.gif)

 It surely felt like a piece of cake initially, but later we found ourselves in a tight spot while adding questions to the  dropdown and  nested dropdown that seemed quite a bit difficult task as this was our first time exploring these tech stack . But we are glad as we resolved the error later. Even after facing these challenges we stood together as a team and were in harmony since the beginning and were a constant support for each other.

## Public Code Repo
{% embed https://github.com/Sameeksha09/pro-play %}

## Demo Link
https://www.loom.com/share/ee823790b60a44e5aed809d4d7dabbc9?sid=43452ce6-3b6b-4f19-be34-2a31e81a4290

## Additional Resources/Info
we would like to share the screenshots of our application

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9bgqgocybct0kxbmqkrt.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1llaatvtqxvb5wgsbbvr.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/duigvxnc19je2n14wifc.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fztjvdrvaqc83377d8fr.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8fjvjsmp81l6lxfnvk5u.png)