Inspiration

We've been using Educational websites for the longest time and in Singapore Polytechnic, we were recently introduced to BrightSpace. Our team wants to build a website similar to BrightSpace where students get to learn from.

What it does

Provides coding courses for people of all walks of life to start learning coding.

How we built it

Built on PERN Stack. PostgresSQL, ExpressJS, ReactJS, NodeJS.

Accomplishments that we're proud of

Implementing new skills we've learnt on our own. For example, Socket.io, Chakra UI, D3.js, Formik, Yup, Multer and more in depth of CRUD and Auth.

What we learned

Working in a group is way different from working alone. It is a skill on itself to be working in a group. Communication, Decision-Making, Problem-Solving, Reliability, Trust are some of the Teamwork Skills needed to have a successful project.

What's next for Coding University

Making the Educational website usable, where people will actually go onto the website to use it's functionality. For instance, creating a more conducive way for people to learn from the website.

Challenges we ran into

The main problem our group faced is how the design of the website should look like. When we were starting to design the website we all had a different idea on how our website should look like and we could not settle on the colours of the website. We always did our pages separately on our own so we would not check each other’s pages and half way through our assignment we realised that everyone is designing the website differently. The buttons and background colours we used are all in different colours, we realised that this cannot be the way through out the project. To settle this we met up to come to a consensus with the colour scheme and agree with how all the different elements of the page should be. (Background, navbar, buttons and etc.) After we have came to an agreement we had no more disagreements on the colour scheme as everyone would just follow it.

Challenges Dong Sheng ran into

In most of my assignments through out my student life in SP, I have always had problems managing my time around projects/assignments. Usually, I would always hand them up or only finish doing them on the last day. Even in the first half of this ADES assignment, I only hand up when it’s a few minutes from the deadline. However in the CA2, I managed to start earlier because of my group mates and my lecturer’s constant reminders. I ended up starting my work at the start of the semester and it helped so much with the work load, I was able to do more work then compared to my projects from before. During the submission week, it was much more manageable and less stress compared to projects from before. Even though it can still be improved even more, It is much more eye opening to start my work earlier.

Challenges Dylan ran into

Firstly, my coding knowledge is still lacking and I find it frustrating that I am unable to complete some of my features because of it. I have to work on my coding skills this holiday. I understand where I am suppose to work on which is the backend and also the joining of front end and back end such as axios. I am looking forward to this holiday because I have a clearer vision on what I am suppose to work on this time. Secondly, I feel inferior sometimes when I ask my peers how to solve certain issues with my code. I should get closer with my classmates and be in a team I am comfortable with asking questions, so that I will feel more enthusiastic while working on projects. Lastly, I had to learn React quick to implement it as my frontend. I did not reinvent the wheel but instead I referred to teacher’s codes on his website and used his pondie website with developers tool.

Challenges Aiko ran into

Having to learn react from scratch and integrate it fully from my CA1 project was quite a challenge and daunting task for me. I was quite a slow learner and we have only learned css, javascript and html for our CA1, but to change it completely to react for CA2 seems like an impossible thing to do. Moreover, I also had to juggle other modules which also was within the same deadline as this project. Regardless, I started watching all eLearning materials that the lecturers have provided and also watched courses from youtube. However, I had some difficulties trying to understand react hooks and conditional rendering which I had to implement in my part, so I decided to consult my peers and lecturer and it led me to understand it and implement it successfully. Towards the ending, I managed to understand not only the basics of react but also learned how to incorporate other libraries into my project such as formik and yup.

Challenges Kai Siang ran into

As I was the one in my group responsible for hosting the react app onto sites like netlify, I would often find errors which were foreign to me, having not had any prior experience with hosting a react app onto netlify before. The errors the website gave me were very vague as well, which meant that I couldn't just google the solution and fix it in a jiffy, as there were too many different solutions that might not even work. As such, I had to slowly comb through the build of the react app to spot any anomalies, which I eventually found a html file that was not supposed to be in the public folder, which messed up my whole build. After this, I learnt to be more careful and analyse my code slowly if met with any errors to avoid such mistakes again.

Share this project:

Updates