terapinisec-react Tailwind Templates

Terapinisec React

TerapiniSeç React web application offering online therapy with mood tracking, weekly progress reports, group therapy, meditation sessions, and more. Built with React, Tailwind CSS, and integrated with Three.js for 3D visuals.

TerapiniSeç | Ruh Sağlığınızı İyileştirin

Online terapi platformu TerapiniSeç’in React tabanlı web uygulaması. Ruh sağlığınızı iyileştirmenize yardımcı olmak için tasarlanmış birçok özellik içerir: duygu durum takibi, haftalık raporlar, kişisel gelişim hedefleri, sanal grup terapisi, meditasyon seansları ve daha fazlası.


Özellikler

  • Duygu Durum Takibi: Anlık duygu durumunuzu kaydedin ve değişiklikleri takip edin
  • Psikolog Onaylı Öneriler: Uzman terapistler tarafından oluşturulmuş kişisel öneriler
  • Haftalık Raporlar: Ruh sağlığınızdaki ilerlemeyi analiz edin
  • Sanal Grup Terapisi: Diğer kullanıcılarla ortak seanslara katılın
  • Meditasyon Seansları: Rahatlamanızı sağlayacak rehberli seanslar
  • Sesli Mesajlaşma: Anında destek almak için pratik haberleşme
  • Kişisel Gelişim Hedefleri: Gelişim hedeflerinizi belirleyip ilerlemenizi kaydedin
  • Kaynak Kütüphanesi: Psikologların eklediği makaleler ve kaynakları keşfedin

Teknoloji Yığını

  • React.js 18.3.1: Uygulamanın temel front-end çatısı
  • Tailwind CSS 3.4.17: Hızlı stil oluşturma ve özelleştirme
  • Framer Motion: Animasyonlar ve geçiş efektleri
  • Three.js & @react-three/fiber: 3D model görselleştirmesi
  • GSAP: Gelişmiş animasyon özellikleri
  • PWA (Progressive Web App): Çevrimdışı destek ve mobil uyumluluk
  • Web Vitals: Performans ölçümleri

Kurulum

  1. Bu depoyu klonlayın:
    git clone https://github.com/rakun256/terapinisec-react.git
    
  2. Ana klasöre girin:
    cd terapinisec-react
    
  3. Bağımlılıkları yükleyin:
    npm install
    
  4. Geliştirme sunucusunu çalıştırın:
    npm start
    
    Ardından tarayıcınızda http://localhost:3000 adresine erişerek uygulamayı görüntüleyebilirsiniz.

Proje Yapısı

terapinisec-react/
├── public/
│   ├── Models/
│   ├── index.html
│   ├── manifest.json
│   └── robots.txt
├── src/
│   ├── Assets/
│   ├── Components/
│   ├── Pages/
│   ├── App.js
│   ├── index.js
│   └── index.css
├── package.json
└── README.md

Nasıl Kullanılır?

  • LandingPage.js: Projenin açılış ekranını barındırır
  • AppPreview.js: 3D model (telefon) ile uygulamanın bölümlerini tanıtır
  • Comments.js: Kullanıcı yorumlarını gösterir
  • Stats.js: İndirme ve kullanıcı istatistiklerini sergiler
  • Download.js: Uygulamayı indirme sayfasını içerir

Lisans

Tüm hakları saklıdır / All rights reserved


İletişim


Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes