Otobüs bileti satın alma Front End projesidir.

Projeye canlıya alınmıştır.Siteye erişmek için aşağıdaki linke tıklyabilirsiniz. https://busticketsales.vercel.app/login

GitHub reposuna aşağıdaki linkten erişebilirsiniz. https://github.com/SerkanToraman/busticketsales

Kullanılan Teknolojiler,

1. NextJS
2. TypeScript
3. React Context API
4. React Hooks; useState, useEffect, useForm
5. Next Navigation; useRouter,Link
6. Scss
7. Tailwind
8. tw-elements (Dropdown,Ripple,Datepicker...)
9. Toastify

Responsive dizayn yapılmıştır.

Error handling, uyarılar ve validasyonlar conditional statementlarla, toastify, regexlerle yapılmıştır.

Ayrica User bilgileri GET ve POST methodları ile https://6451148ae1f6f1bb22a76d28.mockapi.io/api/v1/user URl'inden işlenmiştir.

Otobüs sefer bilgileri https://6451148ae1f6f1bb22a76d28.mockapi.io/api/v1/busroutes URL'inden fetch edilmiştir.

Projenin URLleri

1. https://busticketsales.vercel.app/login
2. https://busticketsales.vercel.app/register
3. https://busticketsales.vercel.app/home
4. https://busticketsales.vercel.app/ticketsales
5. https://busticketsales.vercel.app/payment
6. https://busticketsales.vercel.app/success

Ek olarak, Generate Seats fonksiyonu ile boş koltuk sayısına göre otamatik olarak rastgele kadın, erkek ve boş koltuk sayısı çıkarılmaktadır.

Case study'de belirtilen tüm kuralların uygulanması hedeflenmiştir.

Projeyi github'dan projeyi clonlayıp, terminale npm run dev komutunu çalıştırarak localde çalıştırabilirsiniz.

Not. Otabüs seferleri sadece 16.10.2023'e eklenmiştir. Diğer günlerde uygun sefer bulunmayacaktır.