Virtoural (1).png

This was a project when I was enrolled in SYNRGY Academy, a web programming bootcamp by Bank BCA and Binar Academy.

Virtoural is a travel platform that connects tour guides and customers to hold a virtual-traveling event. This project was also created by me and my friends whose role is divided into UI/UX, Front-End, and Back-End Developer. This idea was based on the impact of COVID-19 where everyone has to be staying at home. With this platform, people at home can be entertained by virtual-traveling that is held by a tour guide, which also helps them make money and share new insights to their customers about cultures of the place.

My role as a Back-End Developer is to implement the features that are needed for achieving MVP, such as showing the choice of destinations, details of a tour guide, purchasing souvenirs, and ordering the traveling ticket.

The process was started by designing ERD and setting up database using SQL, followed by creating REST APIs and API Documentation. I also helped the Front-End Developers on consuming the APIs by using a template engine EJS from JavaScript.

One of the challenges that I faced during this project was developing a Session Authentication so the website could dynamically distinguish whether a user is logged in or not, and authorizing a tour guide or a customer using the roles. I managed to solve this problem by looking up through the documentation and started from small implementation before being applied to this project, since the problem was more into the syntax usage of the programming language.

This is one of my Web Programming project that was really fun and meaningful, because I used this opportunity to hone my skills that I taught myself, and got the chance to develop a program with my friends from different roles.

Screenshots

homepage (1) 2.png

Screenshots of the Homepage (since the web is no longer hosted)

Screenshots of the Homepage (since the web is no longer hosted)

Entity Relationship Diagram that was used for this web app

Entity Relationship Diagram that was used for this web app