MultiGroup Etkinlik Sayfası

Genel Bakış

Bu repository Developer MultiGroup'un etkinliklerine kolayca ulaşabilmeniz için tasarlandı. Daha önceden yapılmış veya en yakın zamanda yapılacak olan etkinlikleri buradan inceleyebilir, katkıda bulunmak isterseniz issues kısmına göz atarak bizlere destek olabilirsiniz.

English Documentation

Özellikler

• Dinamik Yapı: Hiçbir veritabanı ve depolama servisine gerek duymadan yeni etkinlikler oluşturun ve yayınlayın
• Takvime Ekle: Etkinlik oturumlarını takviminize kolayca ekleyin ve akıştan geri kalmayın.
• Konumlara Erişin: Platformunuza uygun harita uygulaması ile etkinlik alanına kolayca ulaşın.
• Duyarlı Tasarım: Etkinliklerimizi her platformdan takip edebilmeniz için tamamen dinamik bir tasarım.

Kullanılan Teknolojiler

• Next.js: Kullanıcı arayüzünün geliştirilmesi.
• Shadcn/ui: Kullanılan hazır bileşenler (components).
• Tailwind CSS: Stil ve cihaza duyarlı tasarımlar.
• Pigeon Maps: Etkinlik lokasyonlarının dinamik şekilde gösterilmesi.
• Vercel: Kod dağıtımı.
• Framer: Bileşen ve sayfa animasyonları.

Kurulum Talimatları

Ön Gereklilikler

• Node.js (version 16.x or later)
• npm or yarn

Lokal Ortamda Çalıştırma

$ git clone https://github.com/Developer-MultiGroup/multigroup-event-page.git
$ cd multigroup-event-page
$ npm install
$ npm run dev

Geliştirme versiyonunu görmek için tarayıcınızda http://localhost:3000 adresine gidin.

Etkinlik Dosyalarının Yönetimi

Event Type Yapısı

classDiagram
    direction LR
    
    class Event {
        +number id
        +string name
        +string subTitle
        +string title
        +string description
        +Location location
        +string registerLink
        +string videoUrl
        +string date
        +string[] sponsors
        +Speaker[] speakers
        +Session[] sessions
        +AfterMetrics? afterMetrics
    }
    
    class Location {
        +number latitude
        +number longitude
        +string name
        +string subtext
    }
    
    class Speaker {
        +string fullName
        +string photoUrl
        +string title
    }
    
    class Session {
        +string topic
        +string startTime
        +string endTime
        +string speakerName
    }
    
    class AfterMetrics {
        +string applications
        +string vipGuests
        +string supporter
        +string speakers
        +string workingParticipant
        +string jobSeeker
        +string jobProvider
        +string satisfaction
    }

    Event *-- Location : has
    Event *-- Speaker : contains
    Event *-- Session : contains
    Event *-- AfterMetrics : tracks

Loading

Fotoğraf Klasörleri

/public/images
    ├── events
    │   └── etkinlik-adi
    ├── speakers
    └── sponsors

Projenin fotoğraf depolama yapısı yukarıdaki gibidir.

Etkinlik Fotoğrafları

Her etkinliğin kendisiyle alakalı 3 adet fotoğraf belirtilen isimlerde kendi isminin altında (slugify edilmiş isim) bulunur.

Konuşmacı Fotoğrafları

Tüm konuşmacıların fotoğrafları slugify edilmiş isimler ile bu klasörde tutulur ve herhangi bir etkinliğe konuşmacı eklenirken o isimle eklendiğinde fotoğraflar otomatik olarak bu klasörden alınır

Sponsor Fotoğrafları

Sponsor fotoğraflarının mantığı da konuşmacılarla aynıdır. Slugify edilmiş bir isim ile sponsorların logoları bu klasörün içerisinde tutulur ve gerektiğinde etkinlik objesindeki array yapısına bu isim eklenir.

Yeni Etkinlik Oluşturma

Yeni bir etkinlik oluştururken yukarında belirtilen alanları data/events.ts dosyasında yeni bir obje oluşturup yazmak yeterlidir. Sadece dikkat edilmesi gerek konu fotoğrafların isimleri ve koyuldukları yerlerdir.

Contributing

Kurulum talimatları'ndaki aşamaları uygulayarak projeyi lokal ortamınızda ayağa kaldırdıktan sonra istediğiniz değişiklikleri yapabilir ve istediğiniz hataları düzelterek Pull Request gönderebilirsiniz. PR göndermek için aşağıdaki adımları takip edin:

1. Projenin bir Fork'unu oluşturun

2. Yeni bir Branch oluşturun

   git checkout -b feature/your-feature
   # or
   git git checkout -b fix/your-fix

3. Değişikliklerinizi yapın

4. Değişikliklerinizi Commit olarak gönderin

   git add .
   git commit -m "feat: Add a descriptive commit message"
   # or 
   git commit -m "fix: Add a descriptive commit message"

5. Değişikliklerinizi Repository'ye yollayın

   git push origin feature/your-feature

6. Pull Request açın Profilinizdeki bu projenin kendi Fork'undan ana Repository'ye bir PR oluşturun

Repo Aktivitesi

License

Bu projenin lisansına göz atın.

Contact

If you have any questions, feel free to reach out to me at me@furkanunsalan.dev.