https://github.com/chanmyaemaung/firebase-crud-with-nextjs

Next JS, MUI, Firebase and Styled Components (CRUD)
https://github.com/chanmyaemaung/firebase-crud-with-nextjs

firebase javascript mui nodejs reactjs

Last synced: 23 days ago
JSON representation

Next JS, MUI, Firebase and Styled Components (CRUD)

• Host: GitHub
• URL: https://github.com/chanmyaemaung/firebase-crud-with-nextjs
• Owner: chanmyaemaung
• Created: 2021-10-23T21:00:24.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-10-25T14:41:00.000Z (over 3 years ago)
• Last Synced: 2024-11-14T14:43:56.463Z (3 months ago)
• Topics: firebase, javascript, mui, nodejs, reactjs
• Language: JavaScript
• Homepage: https://bit.ly/2ZhCvKZ
• Size: 114 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Realtime NEXT JS & Firebase w/ CRUD Functionality

ယခု Project ကိုလေးကို **React Library (17.0.2)** ကိုအသုံးပြုထားပြီး၊ **Next Js Framework Version (11.1.2)** နှင့် **Firebase Websion Version (^9.1.3)** ဖြင့် ပေါင်းစပ်ရေးသားထားကာ UI ဒီဇိုင်း Framework အနေနဲ့ကတော့ **Material UI - MUI (^5.0.4)** ဖြင့် ပေါင်းစပ်ဖန်တီးရေးဆွဲထားတာဖြစ်ပါတယ်။

React ရဲ့ Context Api အသုံးပြုထားပြီး Create, Read, Update, Deelete (**CRUD**) အဖြစ် ကုဒ်လိုင်းတစ်ခုခြင်းစီကို နားလည်လွယ်စေဖို့ ရည်ရွယ်ပြီး ကျွန်တော် မြန်မာလိုလေးနဲ့ ရှင်းရှင်းလင်းလင်း ကျစ်လစ်အောင် ရေးပေးထားပါတယ်။

ဒီ Micro project လေးကနေတစ်ဆင့် မိတ်ဆွေတို့အနေနဲ့ ချဲ့ထွင်ယူရေးတတ်စေရန် ရည်ရွယ်၍ ရေးသားမျှဝေထားခြင်းဖြစ်ပါတယ်။ Firebase Authentication, Storage အစရှိတဲ့ ဖန်ရှင်နဲ့ ပေါင်းစပ်ပြီး ရေးသားပေးသွားဖို့လည်း ရှိပါတယ်။

နမူနာ Live လွှင့်ထားတာကိုကြည့်ရှုနိုင်အောင်လို့ ပုံနှင့်တစ်ကွ Deploy လုပ်ထားတဲ့ Live Demo Url လေးကိုလည်း အလည်အပတ်သွားရောက်ပြီး ကြည့်ရှုနိုင်ပါတယ်။

> Branch ကိုယ်စီခွဲပေးထားပြီး Authentication အပိုင်းလေ့လာချင်ရင် သက်ဆိုင်ရာ Branch အလိုက် ရေးဆွဲထားတာမို့ Git Branch ခွဲတွေကို စစ်ကြည့်ဖို့မမေ့ပါနဲ့။

**[Check Demo](https://bit.ly/2ZhCvKZ)**







#### Installation

```

yarn or npm install

```

#### To run this project

```

yarn start or npm run start

```

#### This project is 100% free for everyone. (You can use it as your own project! 💥)

> 🔊 If you like this small project, then leave a starr on this repo or you can follow along with my github for more up coming projects.

> 💬 [Keep in touch me with on the Social Facebook](https://facebook.com/chanlaymcmm)