SteinOveHelset / djangobnb

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.