This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details. "# PatikaGraduationNext"

Patika && Fmmss Bilişim FullStack Bootcamp Frontend Projesi

ilk olarak gerekli modüller eklenmeli. (npm i veya npm install)

projeyi ayağa kaldırdıktan sonra backend tarafı için https://github.com/Mustafa-Cam/PatikaMsGp bu bağlantıdaki backend projesini git clone ile bilgisayarınıza clone edip ayağa kaldırdıktan sonra projeyi tamamıyla çalıştırabilirsiniz.(Frontend kötü oldu biliyorum ama düzenleyeceğim. )

Projeden görseller.

Terminal

Ana Sayfa

Kayıt Sayfası

Kayıt sayfasında eğer şifreyi 8 karakterden kısa ise ve 1 rakam içermiyorsa hata verecektir. Ve username zaten kayıtllı ise hata verecektir.

Giriş Sayfası

giriş sayfasında doğru bilgiler girilmelidir (Sadece Frontend de yaptım backend tarafında da yapacağım). Giriş yapmadan diğer sayfalara erişilemez(jwt auth).

Dashboard sayfası

Kendi ilanı değilse ilanlarda satın al butonu olacak. Kendi ilanı ise düzenle, sil, pasif yap butonu olacak.

ilan detay sayfası

Kullanıcı ilan vermek isterse ve paketi yoksa hata verecektir.(Backend tarafında Error handling yaptıktan sonra mesajları oradan alacağım.)

Paket sayfası

Kullanıcı satın al'a bastıktın sonra numara al butonu çıkacaktır. Bu butona basınca 1 ile 1000 arasında random bir sayı olacaktır. O sayıyı doğru girdikten sonra paket başarılı şekilde alınacaktır. Ardından kendi paket bilgilerini görebilecektir.