https://github.com/serifcolakel/tatilbudur

https://github.com/serifcolakel/tatilbudur

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/serifcolakel/tatilbudur
• Owner: serifcolakel
• Created: 2021-12-15T21:13:57.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-20T20:01:47.000Z (about 3 years ago)
• Last Synced: 2024-04-16T10:21:57.817Z (9 months ago)
• Language: JavaScript
• Homepage: tatilbudur.vercel.app
• Size: 20.6 MB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# **Tatilbudur UI Design using Next.js + Tailwind CSS**

# Kullanılan Kütüphaneler

> - React-icons

> - @react-hook/window-size

> - react-slick"

> - @mui/material

# Açıklama

> - Tatilbudur.com tarafindan oluşturulan front end challenge yarışması kapsaminda xd.adobe.com sitesi üzerinden belirlenen tasarimlari NextJS ve TailwindCSS kullanarak gerçekleştirdim.

# Proje Vercel Demo

> - https://tatilbudur-serifcolakel.vercel.app/

# Ekran Görüntüleri

## Web İçin Görüntüler

> - ### **Web Anasayfa**

>   ![Image of MainTB](https://i.hizliresim.com/ggnlp3o.jpg)

> - ### **MegaMenu**

>   ![Image of MainTB](https://i.hizliresim.com/rad3pcu.jpg)

> - ### **Search**

>   ![Image of MainTB](https://i.hizliresim.com/ogyj8vk.jpg)

> - ### **Date Picker**

>   ![Image of MainTB](https://i.hizliresim.com/sih79vd.jpg)

> - ### **Person & Child Seçim**

>   ![Image of MainTB](https://i.hizliresim.com/ja4mue8.jpg)

> - ### **Tabs & Slider**

> > - #### **Auto Slider**

> >   ![Image of MainTB](https://i.hizliresim.com/78lvpaf.jpg)

> > - #### **Tabs & Cards**

> >   ![Image of MainTB](https://i.hizliresim.com/446xdx2.jpg)

> > - ### **Tabs & Slider**

- autoplay olmadığı için sağa kaydiriniz... ve tabslar doldurulabilir.

  ![Image of MainTB](https://i.hizliresim.com/ks3eyx3.jpg)

> - ### **Firsatlar Contact MobileApp & Destekciler**

>   ![Image of MainTB](https://i.hizliresim.com/grugeza.jpg)

> - ### **Footer**

>   ![Image of MainTB](https://i.hizliresim.com/g6coyi5.jpg)

## Mobil İçin Görüntüler

> - ### **Menu**

>   ![Image of MainTB](https://i.hizliresim.com/bcpppoe.jpg)

> - ### **Menu Opened**

>   ![Image of MainTB](https://i.hizliresim.com/44q2js5.jpg)

> - ### **Date Picker**

>   ![Image of MainTB](https://i.hizliresim.com/5xjssjd.jpg)

> - ### **Person & Child Seçim**

>   ![Image of MainTB](https://i.hizliresim.com/k1lxvas.jpg)

> - ### **Tabs & Slider**

> - (render olarak aynı slider renderliyorum gözlemlemek için dikkatli olunması gerekiyor props olarak img, text etc. gönderilerek diğer sliderlar düzenlenebilir )

>   ![Image of MainTB](https://i.hizliresim.com/e26jl1s.jpg)

> - ### **Tabs & Slider**

- autoplay olmadığı için sağa kaydiriniz... ve tabslar doldurulabilir.

  ![Image of MainTB](https://i.hizliresim.com/m9clgy9.jpg)

> - ### **Footer**

- (Clickable olarak yapmayi unutumuşum yeni gördüm xD)

  ![Image of MainTB](https://i.hizliresim.com/8bx70fa.jpg)