Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/asimsinan/frontend-react
https://github.com/asimsinan/frontend-react
Last synced: about 22 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/asimsinan/frontend-react
- Owner: asimsinan
- Created: 2024-11-13T08:28:13.000Z (2 days ago)
- Default Branch: main
- Last Pushed: 2024-11-14T09:57:34.000Z (1 day ago)
- Last Synced: 2024-11-14T10:36:35.209Z (1 day ago)
- Language: CSS
- Homepage:
- Size: 2.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mekabul React Front-End
Vercel linki: [https://mekanbul-steel.vercel.app/](https://mekanbul-steel.vercel.app/)
Localhost linki: [http://localhost:5173/](http://localhost:5173/)
**Uygulamayı çalıştırmak için:**
```
npm install
npm run dev
```
## Bileşenler
1. **Navbar:** Navigasyon Çubuğu
2. **Header:** Başlık
3. **Footer:** Alt bilgi
4. **Home:** Anasayfa
5. **Template:** Her sayfada Navbarın görünmesini sağlayan kapsayıcı bileşen
6. **Venue:** Mekan bilgisini tutan bileşen
7. **VenueDetail:** Mekanın detaylarını gösteren bileşen
8. **VenueList:** Mekanların listesini tutan bileşen
9. **Login:** Giriş yapmayı sağlayan bileşen
10. **Register:** Kayıt olmayı sağlayan bileşen
11. **HourList:** Mekanın açılış kapanış saatlerini tutan bileşen
12. **Rating:** Yıldız biçiminde mekan puanı üreten bileşen
13. **AdminButton:** Mekan ekleme, silme, güncelleme işlemlerini yönetecek bileşen
14. **Comment:** Mekana yapılan yorumu temsil eden bilşen
15. **CommentList:** Tüm yorumları tutan bileşen
16. **FoodAndDrinkList:** Mekanda sunulan yiyecek içecek bilgilerini tutan liste bileşeni
17. **About:** Hakkında
18. **PageNotFound:** Olmayan bir sayfayı temsil eden bileşen
19. **AddComment:** Bir mekana yorum eklemeyi sağlayan bileşen
20. **AddUpdateVenue:** Yöneticinin yeni mekan eklemesini, var olan mekanı güncellemesini sağlayan bileşen
21. **Admin:** Mekanları yönetmeyi sağlayan yönetici bileşeni
22. **InputWithLabel:** Etiketiyle birlikte giriş kutusu oluşturmayı sağlayan bileşen
23. **ProtectedRoute:** Sadece giriş yapanların erişimine açık rota tanımı yapmayı sağlar.
24. **UseIdleTimer:** Admin sayfasında belirli bir süre aktif olunmadığında çıkıp yapmayı sağlar.
## Yardımcı Servis Bileşenleri
1. **http-common:** axios parametrelerini ayarlamayı sağlayan bileşen
2. **Utils:** Yapılan yorumun tarihini, mekanın kullanıcının konumuna olan uzaklığını formatlayan metotları içeren bileşen
3. **VenueDataService:** Rest API'den hizmet almayı sağlayan bileşen
4. **VenueReducer:** Uygulamadaki tüm state'leri yönetecek bileşen
## Ayar Dosyaları ve Klasörler
1. **vercel.json:** Vercel sitesinde rotaların aktif olmasını sağlayan kodu içerir.
2. **vite.config.js:** vite ayarlarını yapan kodu içerir.
3. **public/javascripts:** Bootstrap için gerekli, sitenin interaktif bir hale gelmesine olanak sağlayan JavaScript dosyalarını içerir.
4. **public/favicon.ico:** Websitesi ikonu
## Mocha ve Selenium İle Arayüz Testi
```
npm run test
```
## Sitenin Tüm Bileşen Yapısı
![Bileşenler]()