Become a fullstack developer
Build a fullstack airbnb clone with reactjs, typescript, nextjs, postgres db and elasticsearch
Watch PromoYour Instructor
A senior software engineer at appbase.io, Lakhan has co-authored projects such as Dejavu - A Web UI for ElasticSearch, and ReactiveSearch - a React/Vue/React Native search components library.
About the Course:
Learn how to become a full-stack developer with our 5+ hours course teaching how to build an Airbnb clone using React, Redux, TypeScript, Express.JS, ElasticSearch, Firebase and PostgreSQL.
This is the final app you will be building. The course is designed to be a follow-along, i.e. you will be able to build this exact end result. You will also have access to our private Github repository with the entire codebase.
Things you will be learning:
- Design architecture of the system
- Set up local environment
- Seed sample data
- Build Search page with various filters.
- Build a page to become host for a place that user owns
- Build APIs to save data uploaded by user
- Build authentication and authorization
- Build landing pages
- Build a page which will allow user to book a place and checkout
- Build a page which will allow user to manage bookings
- Build page where user can add feedback and ratings
- Deploy this fullstack application using serverless framework
Technologies We Will Be Using:
- React for building UI components
- TypeScript for adding type checks to components props and state
- Postgres for storing hosting and booking data
- Elasticsearch for providing efficient search
- ReactiveSearch for building an Airbnb like search experience
- Express for building APIs, which frontend can consume for various operations
- Firebase providing authorization and file storage
- Emotion JS to efficiently provide styling to our component
Course Curriculum
Base setup
Available in
days
days
after you enroll
Database setup and user management
Available in
days
days
after you enroll
Apartment listing management
Available in
days
days
after you enroll
-
Start12 - Create place entity model (7:51)
-
Start13 - Create place entity API (7:35)
-
Start14 - Why use css-in-js? (1:52)
-
Start15 - Add global styles and theming (2:58)
-
Start16 - Create styled components with emotion-js (7:38)
-
Start17 - Create listing form ui (7:29)
-
Start18 - Add geolocation support in listing form (5:19)
-
Start19 - Add react dropzone (3:07)
-
Start20 - Refactor authentication (13:38)
-
Start21 - Firebase file upload (16:52)
-
Start22 - Save listing to postgresDB (9:35)
Frequently Asked Questions
When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 7 days and we will give you a full refund.