Djangobnb - Fullstack Airbnb clone - Next.js 14 / React, Tailwind, Django, Django Rest Framework

This repository is for the frontend part of my video tutorial series. You can find it here: YOUTUBE PLAYLIST

Things you will learn and implement

  • Next.js 14
  • React
  • Tailwind
  • Django
  • Django rest framework
  • Docker compose
  • Postgresql
  • Deployment to Digital Ocean

Features in this project

  • Fully responsive design built with Tailwind
  • Authentication using Django Allauth (Email log in)
  • How to use react-date-range and other packages
  • How to upload images using fetch
  • Live chat using web sockets

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.