https://github.com/burakbektass/budget-application-with-react
Budget application with react router dom
https://github.com/burakbektass/budget-application-with-react
createbrowserrouter react-router-dom reactjs vitejs
Last synced: 3 months ago
JSON representation
Budget application with react router dom
- Host: GitHub
- URL: https://github.com/burakbektass/budget-application-with-react
- Owner: burakbektass
- Created: 2024-06-05T13:37:26.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-21T13:49:38.000Z (4 months ago)
- Last Synced: 2025-02-21T14:33:47.281Z (4 months ago)
- Topics: createbrowserrouter, react-router-dom, reactjs, vitejs
- Language: JavaScript
- Homepage:
- Size: 83 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Router Budget App
Bu proje, React ve React Router kullanılarak geliştirilmiş modern bir bütçe yönetim uygulamasıdır. Kullanıcılar gelir-gider takibi yapabilir ve bütçelerini etkili bir şekilde yönetebilirler.
## 🚀 Tech Stack
- **React 18** - UI geliştirme için modern JavaScript kütüphanesi
- **React Router v6** - Sayfa yönlendirme ve navigasyon
- **Vite** - Hızlı geliştirme ortamı ve build tool
- **React Toastify** - Bildirim yönetimi
- **HeroIcons** - Modern ve şık ikonlar
- **SWC** - Hızlı JavaScript/TypeScript derleyicisi
## 🛠️ Kurulum
### Gereksinimler
- Node.js (v14.0.0 veya üzeri)
- npm (v6.0.0 veya üzeri)
### Kurulum Adımları
1. Projeyi klonlayın
```bash
git clone [proje-url]
cd react-router-budget-app
```
2. Bağımlılıkları yükleyin
```bash
npm install
```
3. Geliştirme sunucusunu başlatın
```bash
npm run dev
```
4. Tarayıcınızda açın
[http://localhost:5173]
## 📦 Build
Projeyi production için build etmek:
```bash
npm run build
```
Build edilmiş versiyonu önizlemek için:
```bash
npm run preview
```
## 🌟 Özellikler
- 💰 Bütçe oluşturma ve yönetme
- 📊 Gelir-gider takibi
- 🔔 Bildirim sistemi
- 📱 Responsive tasarım
- ⚡ Hızlı ve optimize performans