Techcareer.net Fullstack Web Developer Bootcamp bitirme projesi kapsamında tasarlamış olduğum
Home Sweet Home isimli mobilya satışı yapan ve konsept odalar tasarlayan hayali bir firmanın websitesi.
Tasarımda görsel kısımda lazzoni.com sitesinden veri çektim.
Özellikle tasarımımı lazzoni firmasının web sitesine benzetmeye çalıştım.
Web sitesinden görüntüler
Öncelikle .Net sdk indirmemiz gerekiyor ben bu projede 7.0 sürümünü kullandım dolayısıyla .Net 7.0 sürümünü indirmeliyiz buradan indirebilirsiniz.
Projenin çalışması için gerekli paketleri yüklemek için terminal üzerinden kodun bulunduğu dizine gelmeliyiz.(VSCode için "Cntrl+J" kısayolu terminal ekranını açacaktır.) Daha sonra aşağıda belirttiğim komutları kopyalayıp tek tek yüklemeniz gerekli.
Not: Ben projemde IDE olarak VSCode kullandım, eğer Visual Studio kullanıyorsanız nuget paket
yükleyicisine aşağıdaki gerekli paketleri tek tek aratıp yükleyebilirsiniz.
Projede database olarak SQLite kullanıldı fakat siz istediğiniz provider'ı buradan indirip kurabilirsiniz.
dotnet add package Microsoft.EntityFrameworkCore --version 7.0
dotnet add package Microsoft.AspNetCore.Identity.EntityFrameworkCore --version 7.0
dotnet add package Microsoft.EntityFrameworkCore.Sqlite --version 7.0
dotnet add package Microsoft.EntityFrameworkCore.Design --version 7.0
dotnet add package Microsoft.Owin.Host.SystemWeb --version 4.2.2
dotnet add package Microsoft.Owin.Security.Cookies --version 4.2.2
dotnet add package Microsoft.VisualStudio.Web.CodeGeneration.Design --version 7.0
Terminal kısmında projenin olduğu konuma geliyoruz.
Daha sonra aşağıdaki kodu kopyalayıp terminal ekranına yapıştırıyoruz.
Not: Kullandığınız IDE de dosyayı açarsanız "debug" butonu veya "run" butonu kullanarak da çalıştırabilirsiniz.
dotnet watch run
- Hata: "Kodu çalıştırdım fakat hiçbir şey olmadı."
- Çözüm: Terminal ekranındaki locallhost linkine tıklayarak sayfayı tarayıcınızda açabilirsiniz.
- Ekstra: Durdurmak için "Cntrl-C" kısayolunu kullanarak terminali durdurabilir "Cntrl+R" ile yenileyebilirsiniz.
Eğer Docker Desktop uygulamanız yoksa buradan işletim sisteminize göre indirebilirsiniz. Herhangi bir üyeliğiniz bulunmuyorsa buradan üyelik işlemlerinizi gerçekleştirebilirsiniz.
Yükleme ve kaydolma işlemlerini tamamladıktan sonra Docker Desktop adlı uygulamayı açıyoruz.
Note: Docker Desktop uygulamasının bilgisayarınızda yüklü olduğundan emin olun.Eğer yüklemediyseniz buradan indirebilirsiniz. Terminale aşşağıdaki komutları sırasıyla yazıyoruz.
docker login
docker pull bfmeydan/homesweethome
docker run -p 8080:80 bfmeydan/homesweethome
Not: Docker Desktop uygulamasının çalıştığından emin olunuz.
- Hata: "Çalıştırdım hiçbir şey gelmedi."
- Çözüm: tarayıcınızda http://localhost:8080/ linkini açınız.