SP E-Learning

E-learning platform for students to not only view materials but also chat and do quizzes to test their knowledge.

Comment

Inspiration

We were inspired by different e-learning platforms for different ages, from primary school students to us polytechnic students. Looking at the different e-learning websites available, we also hope that our website can also help students of all ages.

What it does

This website allows students to view different class materials for different subjects. Besides viewing class materials, they can also attempt quizzes set by not only the teachers but also other students, which we hope to promote peer learning. Students can also use this platform to communicate with their classmates and teachers through the chat function.

How we built it

We built it using PERN stack (PostgresSQL -- ElephantSQL, ExpressJS, ReactJS, NodeJS). We also used the basic JavaScript, CSS and HTML.

Challenges we ran into

Lin Cheng When setting up my quiz api and the pages the issue that I faced was the fact that there are multiple possible inputs. In order to make sure the pages and api can handle all the possible inputs I have to think outside of the box and keep on trying new inputs and making sure the pages and api still works. During the testing I have met multiple issues and I have to research it and most importantly understand the error and making sure it will not happen in the future.

Gabriel I faced issues such as being unable to get my code to run properly despite debugging it. This issue continued until I managed to find the point at which I made an error. I managed to find the error due to the help of my classmates as well as website such as w3 schools and stack overflow

Jazlyn Some challenges I faced include trying to link up my front end and my backend, including retrieving the data from the database. Since the user portion (Login) requires the database a lot, I had to make sure this part was working and that I can get the data. Very often I would also get the wrong data or an empty response. How I resolved these problems was by doing many checks along the way and when I cannot find the issue, I would also ask my groupmates or search online.

Zen The challenges i faced for ades was that due to the time constraint, many features i had in mind were not implemented and only the basic ones could be implemented. Another challenge faced was that most of the things learnt were self- reliant through SDL and this was a new form of learning as this was the first time i needed to do SDL. At the start, i was not used to it but gradually over time i got used to SDL and realised that we need to have discipline in learning as we learn for ourselves and not for others.

Si Liang Throughout the entire process of doing this project, one of the key challenges faced was the fixing and understanding of errors. Lots of variation and types of errors will appear indefinitely in the process of coding. Different errors have different causes and solutions to it. Some errors are easy to comprehend and fix, while some others are difficult to understand and have many causes to it. Some examples of commonly faced errors are "400 Bad Request", "Unexpcted token at JSON at Position 0" etc. Therefore, to tackle such issues, it is important that I understand and find out the primary causes of these errors. After researching the primary causes, I compared it with my codes and identify how my codes' error matches any of the primary causes shown. This entire process can be frustrating and stressful, as it requires me to be sharp enough to look out for missing keywords or punctuations. In some cases, I have to read through the code again and ensure everything makes sense. Upon identifying the reason why a certain part of my code causes the error shown, I have to redo that certain part of the code, with the mistakes learned in mind while redoing.

Accomplishments that we're proud of

Being able to make our website functional and everything that we wanted it to work was working.

What we learned

Not only did we learn more about full stack and how to do it, we also learn that we should not do things last minute and that we should better manage our time. With better time management, we would not only be able to complete our work on time, it will also be more presentable and better in terms of layout. We would also get a chance to try out new things and even more advance features in the future.

What's next for SP E-Learning

Making our website functional with more relevant information and resources. It should also be more organised and the style of it should more professional and better.

Share this project:

Updates