Our inspiration was Udemy. Many platforms give you an option to upload and learn courses, but they also have many flaws in them, and it can be very time-consuming. A lot of websites which give you the option to upload courses have a very confusing UI, and it's challenging for users to upload courses. As programmers who have learnt a lot of concepts from online courses uploaded by others in the coding community, we wanted to give back to the community and make an efficient but simple website! For example, Udemy has a lot of steps for a teacher to complete before uploading the course - which is quite frustrating for a user that just wants to share their knowledge with the public. Our website doesn't require nearly as much information! Users who learn coding through online courses are usually young and do not have a lot of cash with them - so we made all our courses free!

What it does

We built a website that simplifies the process of learning or uploading online courses. One of our features is the option to view the transcript of the video. This feature will help people with hearing challenges. We also added a search feature to make it easier for users to find what they are looking for.

How we built it

We decided to leverage HTML, CSS and JavaScript for our project. Svelte was our preferred framework for the project, and we used the variety of features it offers to enhance the user experience. For example, Svelte's binding features allowed us to implement a search function, which makes it easier for users to find their favorite courses. Additionally, we used Bootstrap CSS to help design the UI with a cohesive, simple design. We used JavaScript for the code, interfacing with the database, as well as uploading/downloading files.

Challenges we ran into

We are a team of two and could not find more members to be added to the team. Our initial plan was for Rohit to work on front end and Sanjay to work on the back end. Unfortunately, Rohit fell sick on August 26th, and we had to switch roles. Sanjay worked on the front end of the project and Rohit worked on the back end. Another challenge we faced was the learning gap. Rohit had a lot of experience on the framework Svelte, but Sanjay did not know the Svelte framework and instead used the Bootstrap CSS framework for UI/UX development.

Accomplishments that we're proud of

We are proud of making a very nice looking UI! We think that Bootstrap combined with layout positioning making it easy for users to navigate has resulted in a simple but beautiful user interface and user experience. Additionally, we are proud of making an application that could be converted into a proper business - at any stage, we can incorporate advertising or add premium courses to make this simple app into a money-making one. Finally, we are proud of the way we have worked together effectively as a team. As this is the first hackathon both of us have attended, we are very happy that we can confidently say the project was a success.

What we learned

Over the course of two days, we learned a variety of different techniques to master team co-operation within one project. We also learned how we can use JavaScript and other web technologies coherently to create a web app that is performant and good-looking.

Built With

Share this project: