CF

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

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.

[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 thumbnail

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 TitleDuration
1What are we going to build in this project 04:54
2Setting Up 04:29
3What are we going to build in this task 01:08
4Working with Views and Controllers 08:46
5Working with Firebase 12:25
6.What are we going to build in this task 01:28
7Create Nav Bar 06:42
8Create Authentication 23:04
9Adding notification with Toaster 03:22
10What are we going to build in this task 02:04
11Creating post and edit Modal 04:45
12Refactoring Browsing page 09:35
13Working with Services 19:01
14What are we going to build in this task 01:41
15Denormalisation data in NoSQL world 03:10
16Creating mark-up for Comment 02:10
17Creating comment service 02:37
18Update Browse controller 05:32
19What are we going to build in this task 02:14
20Firebase tree structure for this task 00:51
21Creating offer function for Runners 04:32
22Creating offer service 01:43
23Implement Offer service in Browse controller 12:15
24Creating Cancel Offer function for Poster 04:12
25What are we going to build in this task 02:45
26Accepting offer 04:50
27Completing Task 03:48
28What are we going to build in this task 04:43
29Update Task & Offer Services 05:38
30Create Dashboard mark-up and Service 03:41
31Create Dashboard Controller with authentication updated 06:25
32What are we going to build in this task 02:24
33Setting up Mandrill & Zapier 06:10
34Setting up Zapier for Notification action 08:17
35Let's hack task-ninja by using cURL 05:48
36Building Firebase security rules 07:57
37Apply and Test 02:03
38Deploying & hosting on Firebase for FREE 04:34

What courses are similar to Build an MVP with AngularJS + Firebase by cloning TaskRabbit?

More courses by Code4Startup

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.