TaskRabbit is an online and mobile marketplace that allows users to outsource small jobs and tasks to others in their neighbourhood. Users name the task they need done, name the price they are willing to pay, and a network of pre-approved contractors bid to complete the job. To learn with this project, it requires students knowing a bit of basic Javascript, HTML and Bootstrap.
Build an MVP with AngularJS + Firebase by cloning TaskRabbit
3h 31m 43s
English
Free
Build an MVP with AngularJS + Firebase by cloning TaskRabbit is a 38-lesson 3 hours 31 minutes self-paced course by Code4Startup. TaskRabbit is an online and mobile marketplace that allows users to outsource small jobs and tasks to others in their neighbourhood.
Course facts
- Lessons
- 38
- Duration
- 3 hours 31 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Code4Startup
- Price
- Free
[NOTE]: This project was built with the Firebase's legacy version so if you don't have legacy Firebase account, you shouldn't take this project for now. It will be updating with Firebase 3 (new version) soon.
What skills will we learn during this project?
Learn AngularJS with practical code & design.
Learn how to work with Firebase for real-time updates.
Combine Angular and Firebase to create an MVP for your Startup.
Learn to design your database for Firebase effectively.
Secure your application with Firebase Security Rules.
How to deploy and host this app Live on Firebase host.
This version was built with Angular 1.3.8, AngularFire 0.9.1; Firebase 2.1.0
What features will we build in this project?
Real-time database with Firebase 2.
Sign In/Sign Up new user with email and password.
Notification system with Toaster.
Real-time listing all available tasks from database.
Real-time task creating/editing.
Real-time offer making.
Real-time offer accepting.
Real-time comment system.
Personal Dashboard showing tasks and offers.
Sending transactional emails when a offer accepted.
Who teaches Build an MVP with AngularJS + Firebase by cloning TaskRabbit? Code4Startup
Code4Startup (also known as CodeRealProjects) is a project-based teaching platform aimed at developers who want to learn the modern web stack by building real working applications — typically clones of well-known startup products (Airbnb, Twitter, Uber, Netflix) using the current full-stack JavaScript or PHP / Laravel toolchains.
The course catalog covers the modern full-stack stacks: React + Node.js, Vue + Laravel, Next.js + Supabase, the mobile side with React Native, plus the surrounding tooling for auth, billing, and deployment. Each course is structured around shipping a complete working clone of a recognisable product, which suits developers learning by reverse-engineering real applications rather than studying frameworks in isolation.
The CourseFlix listing under this source carries 8 Code4Startup courses spanning that range. Material is paid; courses are sold individually on the original platform.
What lessons are included in Build an MVP with AngularJS + Firebase by cloning TaskRabbit?
- Space or K: play or pause
- J: rewind 10 seconds
- L: forward 10 seconds
- Left Arrow: rewind 5 seconds
- Right Arrow: forward 5 seconds
- Up Arrow: volume up
- Down Arrow: volume down
- M: mute or unmute
- F: toggle fullscreen
- T: toggle theater mode
- I: toggle mini player
- 0 to 9: seek to 0 to 90 percent of the video
- Shift plus N: next video
- Shift plus P: previous video
0:00 0:00
| # | Lesson Title | Duration |
|---|---|---|
| 1 | What are we going to build in this project | 04:54 |
| 2 | Setting Up | 04:29 |
| 3 | What are we going to build in this task | 01:08 |
| 4 | Working with Views and Controllers | 08:46 |
| 5 | Working with Firebase | 12:25 |
| 6 | .What are we going to build in this task | 01:28 |
| 7 | Create Nav Bar | 06:42 |
| 8 | Create Authentication | 23:04 |
| 9 | Adding notification with Toaster | 03:22 |
| 10 | What are we going to build in this task | 02:04 |
| 11 | Creating post and edit Modal | 04:45 |
| 12 | Refactoring Browsing page | 09:35 |
| 13 | Working with Services | 19:01 |
| 14 | What are we going to build in this task | 01:41 |
| 15 | Denormalisation data in NoSQL world | 03:10 |
| 16 | Creating mark-up for Comment | 02:10 |
| 17 | Creating comment service | 02:37 |
| 18 | Update Browse controller | 05:32 |
| 19 | What are we going to build in this task | 02:14 |
| 20 | Firebase tree structure for this task | 00:51 |
| 21 | Creating offer function for Runners | 04:32 |
| 22 | Creating offer service | 01:43 |
| 23 | Implement Offer service in Browse controller | 12:15 |
| 24 | Creating Cancel Offer function for Poster | 04:12 |
| 25 | What are we going to build in this task | 02:45 |
| 26 | Accepting offer | 04:50 |
| 27 | Completing Task | 03:48 |
| 28 | What are we going to build in this task | 04:43 |
| 29 | Update Task & Offer Services | 05:38 |
| 30 | Create Dashboard mark-up and Service | 03:41 |
| 31 | Create Dashboard Controller with authentication updated | 06:25 |
| 32 | What are we going to build in this task | 02:24 |
| 33 | Setting up Mandrill & Zapier | 06:10 |
| 34 | Setting up Zapier for Notification action | 08:17 |
| 35 | Let's hack task-ninja by using cURL | 05:48 |
| 36 | Building Firebase security rules | 07:57 |
| 37 | Apply and Test | 02:03 |
| 38 | Deploying & hosting on Firebase for FREE | 04:34 |
What courses are similar to Build an MVP with AngularJS + Firebase by cloning TaskRabbit?
-
FreeUpdated 2y agoAngularJS Pro
By: Ultimate Courses (Todd Motto)Get advanced AngularJS skills for scalable apps. The only deep dive into the entire framework. Take your AngularJS skills to the Pro level. Comprehensive Direct7h 23m -
Updated 6mo agoBuilding a Real-Time ML System. Together
By: Michael GuayLearn to design, develop, deploy, and scale end-to-end real-time ML systems using Python, Rust, LLMs, and Kubernetes.48h 20m5/5 -
FreeUpdated 2y agoAngularJS and Webpack for Modular Applications
By: egghead.ioHow much work would it take for you to move all of your directives and their templates to several different new directories?43m -
FreeUpdated 2y agoAngularJS Authentication with JWT
By: egghead.ioJSON Web Tokens (JWT) are a more modern approach to authentication. As the web moves to a greater separation between the client and server, JWT provides a terri31m -
Updated 2y agoThe essential guide to Firebase with React.
By: UdemyCreate modern app using modern technologies. Do you want to create web applications with Firebase and React ?. This is the course for you.31h 20m -
Updated 2y agoBuild Product Hunt with ReactJS and Firebase
By: Code4StartupIn this course, you will be learning how to build ReactJS app in ES6 syntax (a modern version of Javascript) with Firebase, a real-time back-end by cloning Prod4h 47m -
Updated 2y agoAngular 9 Firebase Project Course
By: FireshipThe Angular Firebase PWA Course will teach you how to build a complex progressive web app with Angular 9 (ivy), Material Design, and Firebase. It starts from ab2h 46m -
Updated 2y agoAngular Architecture. How to Build Scalable Web Applications
By: UdemyThe main goal of the course is to learn how to make scalable applications that will be easy to maintain, and on which you can conveniently work as a team. You w7h 34m5/5
More courses by Code4Startup
-
Updated 1y agoThe Complete AI Fast Track Bootcamp - 2024
The Complete AI Fast Track Bootcamp - 2024 is an intensive online course designed for the rapid acquisition of key skills in the field of artificial intelligenc10h 59m5/5 -
Updated 2y agoBuild Collaborative editor and Real-time video call with NodeJS
In this project, you will be learning how to build a collaborative platform with real-time code editor so that you can share what you are coding/typing on the s4h 35m5/5 -
Updated 2y agoBuild AI startups with ChatGPT and AI Art
Embark on an exciting journey to build nine AI-powered applications. This course enables you to harness cutting-edge AI technologies for crafting innovative.6h 9m5/5 -
Updated 2y agoBuild Airbnb with Ruby on Rails
This project is a series of 3 Projects (Pikachu, Kong, Godzilla) with 3 different levels (Level 1, 2, 3).9h 53m - Updated 2y ago
Build Product Hunt with ReactJS and Firebase
In this course, you will be learning how to build ReactJS app in ES6 syntax (a modern version of Javascript) with Firebase, a real-time back-end by cloning Prod4h 47m -
FreeUpdated 2y agoCreate UberEats with Python/Django and Swift 3
Learn Python & Swift 3 by creating Real-life startup platform with Web dashboard and iOS app like UberEats, Doordash, Postmates.19h 13m
Frequently asked questions
What are the prerequisites for this course?
Students should have a basic understanding of JavaScript, HTML, and Bootstrap before enrolling. These foundational skills are necessary to effectively follow along with the course content, which involves building an MVP using AngularJS and Firebase.
What type of project will I build in this course?
In this course, you will build an MVP similar to TaskRabbit. This involves creating a marketplace where users can outsource small jobs and tasks. The project includes features like user authentication, task posting, offer creation, and task completion using AngularJS and Firebase.
Who is the target audience for this course?
The course is designed for individuals with basic web development skills who are interested in learning how to build a full-fledged web application using AngularJS and Firebase. Those looking to understand how to integrate front-end and back-end development will find it particularly beneficial.
How does this course compare in depth to other courses?
This course offers a practical, project-based approach to learning AngularJS and Firebase by cloning a real-world application like TaskRabbit. Unlike theoretical courses, this one focuses on hands-on experience, guiding you through setting up, developing, and deploying a functional application.
What specific tools and platforms are covered in this course?
The course covers working with AngularJS for the front-end and Firebase for the back-end. It also includes using Mandrill and Zapier for notifications, and Toaster for adding notifications within the application. The deployment is done on Firebase, utilizing its hosting capabilities.
What topics are not covered in this course?
The course does not cover advanced JavaScript topics or more complex frameworks beyond AngularJS and Firebase. It is focused on building and deploying a basic MVP, so it does not delve into topics like server-side rendering or database management outside of Firebase.
What is the time commitment for completing this course?
The course comprises 38 lessons, and while the total runtime is not specified, students should expect to spend additional time outside of the lessons to practice, implement features, and deploy the application. A dedicated approach will ensure a thorough understanding of the concepts.