Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nlabsglobaltechnologgies/webapiandnodejsandfrontendjavascripttodoapp
Istanbul Education Academy > FullStack .Net Developper Camp
https://github.com/nlabsglobaltechnologgies/webapiandnodejsandfrontendjavascripttodoapp
bootstrap5 dotnetcore javascript mongodb nodejs todo-app webapi
Last synced: 15 days ago
JSON representation
Istanbul Education Academy > FullStack .Net Developper Camp
- Host: GitHub
- URL: https://github.com/nlabsglobaltechnologgies/webapiandnodejsandfrontendjavascripttodoapp
- Owner: nLabsGlobalTechnologgies
- Created: 2023-12-04T19:15:36.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-05T12:15:02.000Z (about 1 year ago)
- Last Synced: 2024-11-16T10:13:50.558Z (3 months ago)
- Topics: bootstrap5, dotnetcore, javascript, mongodb, nodejs, todo-app, webapi
- Language: JavaScript
- Homepage: https://www.linkedin.com/company/i%CC%87stanbul-e%C4%9Fitim-akademi/mycompany/verification/
- Size: 17.9 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WebApi ve Node.js ile To-Do Uygulaması
Bu proje, .NET 8 WebApi ve Node.js kullanılarak geliştirilmiş bir To-Do (Görev) uygulamasını içermektedir. Projede ayrıca MongoDB kullanılmıştır ve Frontend kısmında JavaScript ile bir arayüz oluşturulmuştur.
## Önemli hatırlatma aşagıdaki linke giderseniz swagger üzerinden sizden kaç adet fake data eklemek istediginizi soracaktır.
```bash
https://localhost:7296/api/Todos/AddTodosToDatabaseInsert
```
## Projeyi Çalıştırma
Proje, iki farklı backend içermektedir: .NET WebApi (C#) ve JavaScript (Node.js) backend. Her iki backend'i de başlatmak için aşağıdaki adımları takip edebilirsiniz.
### .NET WebApi (C#) Backend
1. `WebApi` klasörüne gidin.
```bash
cd Server
```
2. Gerekli paketleri yüklemek için aşağıdaki komutu çalıştırın.
```bash
dotnet restore
```
3. MongoDB bağlantı bilgilerinizi `TodosController.cs` dosyasında güncelleyin.
4. WebApi'yi başlatmak için aşağıdaki komutu çalıştırın.
```bash
dotnet run
```
WebApi, varsayılan olarak `https://localhost:5001` adresinde çalışacaktır.
### JavaScript (Node.js) Backend
1. `Client` klasörüne gidin.
```bash
cd Client
```
2. Gerekli paketleri yüklemek için aşağıdaki komutu çalıştırın.
```bash
npm install
```
3. MongoDB bağlantı bilgilerinizi `api.js` dosyasında güncelleyin.
4. JavaScript backend'i başlatmak için aşağıdaki komutu çalıştırın. | yada
```bash
npm start
```
```bash
nodemon .api.js
```
JavaScript backend, varsayılan olarak `http://localhost:7000` adresinde çalışacaktır.
### Frontend (Bootstrap, JavaScript)
1. `Client` klasörüne gidin.
```bash
cd Client
```
2. Gerekli paketleri yüklemek için aşağıdaki komutu çalıştırın.
```bash
npm install
```
3. Frontend'i başlatmak için aşağıdaki komutu çalıştırın.
```bash
npm start
```
Frontend, varsayılan olarak `http://127.0.0.1:5500/` adresinde çalışacaktır.
## Kullanılan Kütüphaneler
- **.NET WebApi (C#) Backend**
- `Microsoft.AspNetCore` - ASP.NET Core framework'ü.
- `MongoDB.Driver` - MongoDB ile etkileşim sağlayan sürücü.
- `Bogus` - Fake veri oluşturmak için kullanılan kütüphane.
- **JavaScript (Node.js) Backend**
- `express` - Web uygulamaları oluşturmak için kullanılan hafif bir framework.
- `mongoose` - MongoDB ile etkileşim sağlayan ODM (Object Data Modeling) kütüphanesi.
- `cors` - Cross-Origin Resource Sharing (CORS) desteği sağlayan middleware.
- `nodemon` - Geliştirme sırasında otomatik olarak sunucuyu yeniden başlatan bir araç.
- **Frontend (Node.js)**
- `JavaScript` - HTTP istekleri yapmak için kullanılan bir kütüphane.
- `bootstrap` - UI tasarımı için popüler bir CSS framework'ü.
## Fake Veri Eklemek
Proje, fake veri eklemek için `Bogus` kütüphanesini kullanmaktadır. `Server/TodosController.cs` dosyasını inceleyerek ve gerekirse güncelleyerek fake veri ekleyebilirsiniz.
## Hatalar ve Güncellemeler
Proje üzerinde bazı hatalar olabilir. Güncelleme ve düzeltmeler için repo düzenli olarak güncellenmektedir.
## Katkıda Bulunma
Herhangi bir hata bulursanız veya katkıda bulunmak istiyorsanız, lütfen bir "issue" açın veya bir "pull request" gönderin. Katkılarınızı bekliyoruz!
---
**Uygulama İlgili Linkler:**
- [GitHub Repo](https://github.com/nLabsGlobalTechnologgies/WebApiAndNodeJsAndFrontendJavascriptTodoApp)
- [MongoDB](https://www.mongodb.com/)
- [Bogus](https://github.com/bchavez/Bogus)