Morent, araç kiralama işlemlerini kolaylaştıran modern bir web platformudur. Kullanıcı dostu arayüzü ve dinamik içerik yönetimi ile araç kiralama sürecini hızlı ve pratik bir hale getirir. Bu proje, React.js ve Strapi ile geliştirilmiş bir frontend-backend entegrasyonu örneğidir.
- Kullanıcı dostu ve modern tasarım (Figma tasarımı baz alınarak).
- Dinamik içerik yönetimi (Strapi üzerinden).
- Popüler ve önerilen araçlar gibi içerikler Strapi'den API aracılığıyla yönetilir.
- Frontend tarafında hızlı ve esnek geliştirme ortamı.
- React.js: Kullanıcı arayüzü oluşturmak için.
- Tailwind CSS: Hızlı ve verimli bir şekilde stillendirme yapmak için.
- Strapi: İçerik yönetimi ve API'ler için.
- SQLite: Varsayılan olarak kullanılan veritabanı (isteğe göre değiştirilebilir).
git clone https://github.com/rmkofficial/MORENT
cd morent
Hem frontend hem de backend için gerekli bağımlılıkları yükleyin:
cd client
npm install
cd server
npm install
Strapi için varsayılan veritabanı olarak SQLite kullanıyoruz. Backend'i başlatmak için:
cd server
npm run develop
Bu komut Strapi'yi geliştirme modunda çalıştırır. Strapi paneline http://localhost:1337/admin üzerinden erişebilirsiniz.
cd client
npm run dev
Frontend geliştirme ortamı için proje http://localhost:5173 adresinde çalışmaya başlayacaktır.
- Strapi Paneli: İçerikleri dinamik olarak yönetmek ve API'ler oluşturmak için kullanılır. Admin paneli üzerinden yeni araçlar ekleyebilir, içerikleri güncelleyebilirsiniz.
- Ana Sayfa: Dinamik olarak Strapi'den çekilen popüler ve önerilen araçlar listelenir.