luke-h1 / airbnb-clone

Full-stack clone of Airbnb built with Next.js & GraphQL

Hey, I'm Luke 👋

• 🌱 Currently working in the UK as a Software Developer
• 💬 Ask me about Typescript, React, Next.js, Node, Azure, AWS, GraphQL & testing
• 🌱 Currently learning react-native
• ✨ How to reach me
  • Twitter
  • Linkedin
  • Website
  • Github

airbnb-clone's Issues

update image create property

convert frontend and app projects to use URQL

see https://spectrum.chat/urql/help/upload-files~cf16dd5e-2d75-4211-b717-e5a0ae23ea10 for file uploads

Bug fixes

• clean-up form inputs
• SSR pages where possible
• remove unused dependencies from client & backend
• property pagination bugs (change SQL query to use query builder)
• clean-up client side GQL queries (move common logic to fragments)
• styling
• cache invalidation (properties)
• Updating properties (single fields)
• delete properties (push to / route)
• Refetch queries after deletion of property (no properties left)
• stale cache (properties)

Review database schema

Before work on other features lucid chart

Move to cloudinary for image assets

convert to tailwind

Backend - add class validator validations to everything

Ensure it doesn't affect how we map errors as this will inadvertently affect the client

Frontend - Create navbar

Use styled-components with dropdown bar in menu (mobile responsive)

convert to apollo GQL

file uploads broken at the moment. try with apollo config else try use old config

cleanup backend API

deploy checklist

• Limit prod SQL queries to properties created by logged in user (can't see other people's properties)
• Add yup validation to forms
• check that inputs don't accept negative values
• get rid of unused dependencies
• get rid of chakra ui components
• move to argon2
• Setup health check endpoint
• manual test & ensure no bugs are left in api

Cleanup frontend components

Frontend - Protected routes

cannot view Create and delete routes if not logged in. Such as create-listing etc.

Create loader component (styled component)

Add fullName column in users

Properties - add pricePerNight field

deploy

• Merge dev into main
• Setup lightsail instance
• Setup static IP & assign to lightsail instance
• Create prod IAM user
• Setup Dokku
• Setup prod AWS S3 bucket
• Setup migrations
• Setup DNS config
• Add production connection strings to .env.production
• Build docker image
• Push to Docker hub
• Deploy API, redis & DB
• Deploy frontend
• Add frontend to cors

Simply schema naming convention

Current naming conventions for schemas and input types are confusing. If frontend work was carried out, the mutations would be very unmaintainable for the project. In order to prevent this: Simplify entity schemas and one-to-many relationships. This will also follow some best practices around database modeling.

take a look at Feathers.js

Take a look at converting the project to use feathers.js

Backend - CRUD listing

Create listing as host

update listing as host

delete listing as host

view listing as host (oneToMany)

view listing as anyone (doesn't require auth)

Dependency Dashboard

This issue provides visibility into Renovate updates and their statuses. Learn more

Rate Limited

These updates are currently rate limited. Click on a checkbox below to force their creation now.

• Pin dependencies (@apollo/client, apollo, apollo-server-micro)
• Pin dependencies (@babel/core, @babel/plugin-proposal-class-properties, @babel/plugin-proposal-decorators)
• Pin dependencies (@prisma/client, prisma)
• Pin dependency @reach/combobox to 0.16.1
• Pin dependency eslint-plugin-react-hooks to 4.2.0
• Pin dependency lerna to 4.0.0
• Update dependency graphql to v15.5.2
• Update dependency prettier to v2.3.2
• Update dependency react-hook-form to v6.15.8
• Update dependency react-map-gl to v5.3.16 (react-map-gl, @types/react-map-gl)
• Update dependency apollo-server-micro to v3
• Update dependency firebase to v9
• Update dependency react-hook-form to v7
• Update dependency react-map-gl to v6

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• Pin dependencies (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)

---

• Check this box to trigger a request for Renovate to run again on this repository

multi step form for all property creation

NEEDED for google maps & places integration!

create breadcrumbs for create property

Server - cleanup folder structure

file uploads

convert to urql

Frontend UI tests (Cypress)

Add liked / favorited property field

get rid of chakra styling

host db elsewhere

create nav dropdown

add review table

Manual test

• caching
• caching invalidation
• caching revalidation
• stale cache displayed on client
• index
• create property
• update property
• delete property
• login
• signup
• s3 images