https://github.com/binary-baba/team-task-managment-ai
A Team & Task Manager app built by Binary Baba with Bolt.new’s AI, React, and Firebase. Features auth, real-time tasks, and live deployment in 20 minutes!"
https://github.com/binary-baba/team-task-managment-ai
boltnew react react-tutorial reactjs task-manager tutorial tutorial-code tutorial-exercises
Last synced: 7 months ago
JSON representation
A Team & Task Manager app built by Binary Baba with Bolt.new’s AI, React, and Firebase. Features auth, real-time tasks, and live deployment in 20 minutes!"
- Host: GitHub
- URL: https://github.com/binary-baba/team-task-managment-ai
- Owner: binary-baba
- Created: 2025-03-21T11:23:36.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-21T11:39:03.000Z (7 months ago)
- Last Synced: 2025-03-21T12:36:57.447Z (7 months ago)
- Topics: boltnew, react, react-tutorial, reactjs, task-manager, tutorial, tutorial-code, tutorial-exercises
- Language: TypeScript
- Homepage: https://bolt-new-task.web.app/
- Size: 132 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React-Firebase-TeamTask-Bolt 🚀
## 📌 Overview
**React-Firebase-TeamTask-Bolt** is a **Team & Task Manager** app built using **React**, **Firebase**, and **Bolt.new’s AI**. It features **authentication**, **real-time task management**, and **Firebase Hosting**. This project demonstrates the power of **AI-generated code** while showcasing how to integrate **Firebase Auth & Firestore** for a production-ready app. ⚡
---
## 🔗 Resources
- **GitHub Repo** → [https://github.com/binary-baba/team-task-managment-ai](https://github.com/binary-baba/team-task-managment-ai)
- **Live Demo** → [https://bolt-new-task.web.app/](https://bolt-new-task.web.app/)
- **Full Tutorial** → [https://youtu.be/mJO0ZOl1YvU](https://youtu.be/mJO0ZOl1YvU)
---
## 🚀 Getting Started
Follow these steps to set up and run the project locally.
### 1️ Clone the Repository
```sh
git clone https://github.com/binary-baba/team-task-managment-ai.git
cd team-task-managment-ai
npm install
```
### 2 Firebase Setup
1. Create a **Firebase project** at [Firebase Console](https://console.firebase.google.com/)
2. Enable **Firestore & Authentication**
3. Add your Firebase config to `src/lib/firebase.ts`:
```js
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_PROJECT_ID.firebaseapp.com",
projectId: "YOUR_PROJECT_ID",
storageBucket: "YOUR_PROJECT_ID.appspot.com",
messagingSenderId: "YOUR_SENDER_ID",
appId: "YOUR_APP_ID"
};
```
### 3️ Run Locally
```sh
npm start
```
### 4 Build for Deploy
```sh
npm build
```
### 5 Deploy to Firebase
```sh
firebase deploy
```
---
## ⚡ Tech Stack
- **React** – Frontend framework 🖥️
- **Firebase** – Authentication, Firestore, and Hosting 🔥
- **Bolt.new** – AI-powered code generation 🤖
---
## 🤝 Contributing
Want to improve this project? **Fork, PR, or drop an issue**—let’s build together! 🚀
---
## 🧠 Binary Baba’s Thoughts
Bolt.new is like **Mot ka Saudagar**—sometimes it saves you, sometimes it **traps you in bugs**! 😆 AI is powerful, but **manual tweaks** are still key. Final verdict? **Great for speed, but not a dev replacement (yet!)**.
---
## 🔖 Tags
#BoltNew #ReactJS #FirebaseTutorial #TeamTaskManager #AICoding #BinaryBaba #Tech2025
---
## ⚡ Want to See the Tutorial?
Check out the full tutorial where I build this app in **20 minutes**! [https://youtu.be/mJO0ZOl1YvU] 👀