RealKBDFans

Products Page
Gallery Page
Product Detail
Review section for individual products
Profile Page
My Order Page

Inspiration

Our team has experience in building custom keyboards and due to their rise in popularity, we created a ecommerce online platform for people to buy custom keyboards and parts to build their own.

What it does

Provide a platform for people to buy custom keyboards and keyboard related products.

How we built it

Built using PERN Stack, PostgresSQL, ExpressJS, ReactJS and NodeJS.

Accomplishments that we're proud of

Implementing our Project using React and using some external libraries like SocketIO and Multer.

What we learned

Working together to build an application from the group up, requires a lot of time and effort. Communication comes a long way to complete the final product.

What's next for RealKBDFans

From now on we will implement different products, improve on the payment system and provide a better and seamless process of buying a keyboard.

Challenges we ran into

The main problem was our groupmate Derrick was absent a lot of times because he was sick most of the time and could not be present for lessons and group meetings. We contacted him using Discord and helped him with his parts and giving him some features to do so that he could be part of the project.Furthermore , to be frank , our group is not really good at backend coding , hence our main priority for CA2 was to convert our CA1 project into a fully working website with React included and thus , did not really spend much time implementing new features .

Challenges Caden ran into

The major challenge I faced was converting the code from pure html and JS to ReactJS although they may be quite similar , there were a few parts where it took me some time to understand before i could apply it into our project.

Challenges Derrick ran into

The major challenge I faced was understanding React and merging from HTML to React is actually very similar but the way functions work is quite a huge different when script does not really work in react.

Challenges Lennart ran into

The major challenge I faced was when debugging reactjs like when the socket was not working properly as well as some of the other components of the code.

Challenges Adrian ran into

The major challenge I faced was trouble with the backend of my pages and some trouble styling some of my pages with react because I was confused about react at first.