Egy-Railway

Year

2025

Tech & Technique

React, React Query, Supabase, JavaScript, TailwindCSS, motion, Formik + Yup, MUI

Description

my graduation project , A web application designed to provide a seamless user experience for railway services. It allows users to search for train schedules, book tickets, and manage their travel plans efficiently. The application is built with a focus on performance, scalability, and user-friendly design.

Key Features:

Easy and Fast train search using origin and arrival stations
Booking a ticket
Download a PDF format ticket
Easy login and signup with email & password , Google and Facebook
An AI chatbot to answer questions about trains schedules
Responsive design supporting various devices

Technical Highlights:

Simplifies server-state management with powerful caching, background syncing, and automatic re-fetching using TanstackQuery.
A full Postgres backend with real-time data, auth, and storage through a simple JavaScript client using supabase.
Utility-first CSS framework enabling rapid, responsive UI development with consistent design tokens using TailwindCSS.
Streamlines form state management in React with easy handling of inputs, validation, and submission using Formik.
Schema-based validation library that integrates seamlessly with Formik for robust and reusable form validations using Yup.

My Role

As a Front-End Developer, I was responsible for building responsive user interface with Tailwind CSS, managing server-state efficiently using React Query, and integrating Supabase for authentication and real-time data handling. I implemented dynamic forms with Formik and enforced robust validations using Yup to ensure a smooth user experience and data integrity.