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
Paid
[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.
About the Author: 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.
Watch Online 38 lessons
0:00
/ #1: What are we going to build in this project
All Course Lessons (38)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | What are we going to build in this project Demo | 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 |
Unlock unlimited learning
Get instant access to all 37 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRelated courses
-
Updated 2y agoUsing Angular 2 Patterns in Angular 1.x Apps
By: egghead.ioImplementing modern component-based architecture in your new or existing Angular 1.x web application is a breath of fresh air. In this course, you are going to1h 3m -
Updated 2y agoBuild Web Apps with React & Firebase
By: UdemyReact is a hugely popular front-end library and React developers are always in hight demand in the web dev job market. In this course you'll learn how to use Re23h 34m -
Updated 2y agoFirestore Queries and Data Modeling
By: FireshipThe Firestore Data Modeling Course provides a foundation for modeling data relationships in NoSQL, while optimizing queries for performance, cost.1h 5m
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.