Skip to content

A Vite-based web application developed as a case study for his internship at Vatansoft. Demonstrates environment variable handling, API integration, and modern front-end tools.

Notifications You must be signed in to change notification settings

sebahattinn/VatanSoft

Repository files navigation

🏋️‍♂️ Exercise Explorer

Modern, hızlı ve filtreleme destekli bir egzersiz arama uygulaması. Vücut bölgesi, hedef kas veya ekipmana göre filtreleyebilir, detaylarını inceleyebilirsiniz.

Screenshot


🚀 Özellikler

  • 🔍 Egzersiz Arama (isimle)
  • 🧠 Filtreleme: Vücut bölgesi, hedef kas veya ekipman
  • 📦 RapidAPI ExerciseDB üzerinden canlı veri
  • 💡 Açılır pencerede detaylar
  • 🌀 Sayfalama (Pagination)
  • ⚡ Vite + React + TypeScript

📦 Kurulum

git clone https://github.com/sebahattinn/VatanSoft.git
cd VatanSoft
npm install
npm run dev

.env dosyasına VITE_RAPIDAPI_KEY eklemeyi unutmayın.


⚙️ .env Örneği

VITE_RAPIDAPI_KEY=your_api_key

🧱 Proje Yapısı

src/
├── api/                # Axios config ve API katmanı
├── components/         # UI bileşenleri (card, filtre, liste vs.)
├── hooks/              # Custom React hook'lar
├── services/           # API abstraction hook'ları
├── types/              # TypeScript tip tanımları
├── utils/              # LocalStorage, query key yönetimi

🧑‍💻 Kullanılan Teknolojiler


🖼 Örnek Kullanım

  • Ana sayfa: Arama + filtre alanı + egzersiz kartları
  • Egzersize tıklanınca modal açılır, detayları gösterir
  • "Daha Fazla Yükle" ile sayfalama yapılır

🤝 Katkıda Bulunmak

PR'lar, bug fix'ler ve iyileştirmeler memnuniyetle kabul edilir.


About

A Vite-based web application developed as a case study for his internship at Vatansoft. Demonstrates environment variable handling, API integration, and modern front-end tools.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages