Skip to main content

Trippy Castle

This was a team project made for a module in my Masters degree course.

🏆 Achievement 🏆​

info
  • Successfully completed 6/6 basic requirements and 2/5 advanced requirements.
  • Received a Pass with Merit grade for the module.

👩‍🏫 Project Brief 👩‍🏫​

Your team is being asked to develop an app to allow University students to plan a day trip using local bus services to one of the following historic castles:

  • Alnwick Castle
  • Auckland Castle
  • Bamburgh Castle
  • Barnard Castle

Each day trip will start and end at either Newcastle Haymarket Bus Station or Newcastle Eldon Square Bus Station depending on the castle visited.

You can find more information in the project wiki​

💻 How to use Trippy Castle 💻​

You can plan a journey with Trippy Castle easily!

Follow these steps:

  • Select the castle you want to visit on the home page.
  • Click on "Plan Journey" in the Navbar.
  • Select the Source, Destination, Number of Travellers, Date and Time of travel and click on "Get Details".
  • Select an Onward Journey Bus from the given options, by simply clicking on the option.
  • Select a Return Journey Bus.
  • You will now be shown your entire Journey Itinerary details.
  • You can now print your journey details or plan another journey.

Trippy Castle Homepage

🛠 Built with 🛠​

UI - The prototyping and designing of the website was done on Adobe XD.

Frontend:

  • The frontend of this journey planning system is made using the Reactjs UI library. It helps in making a single-page application (SPA) that ensures fast rendering.
  • The Ionic Framework has been used for the styling of the web app.
  • To give the user a feeling of content being loaded, we show a loader using react-loading-skeleton
  • The backend sends the data using Axios.
  • The state management of the user selections has been done using React Hooks.

Backend - The back-end program is developed by using the framework of Springboot and myBatis.

Database - The database is created on MySQL

🖥 Try It Out 🖥​

success

🧑‍💻👩‍💻 Team 04 🧑‍💻👩‍💻​

This project was built with ❤️ by Hao Xue, Oliver Miller, Preet Shah, Sibo Cheng, Suna Fawal and Thomas Delillo.