제로에서 점포까지: 부동산 임대 플랫폼을 구축하는 나의 여정

import express from 'express'
import multer from 'multer'
import routeNames from '../config/propertyRoutes.config'
import authJwt from '../middlewares/authJwt'
import * as propertyController from '../controllers/propertyController'

const routes = express.Router()

routes.route(routeNames.create).post(authJwt.verifyToken, propertyController.create)
routes.route(routeNames.update).put(authJwt.verifyToken, propertyController.update)
routes.route(routeNames.checkProperty).get(authJwt.verifyToken, propertyController.checkProperty)
routes.route(routeNames.delete).delete(authJwt.verifyToken, propertyController.deleteProperty)
routes.route(routeNames.uploadImage).post([authJwt.verifyToken, multer({ storage: multer.memoryStorage() }).single('image')], propertyController.uploadImage)
routes.route(routeNames.deleteImage).post(authJwt.verifyToken, propertyController.deleteImage)
routes.route(routeNames.deleteTempImage).post(authJwt.verifyToken, propertyController.deleteTempImage)
routes.route(routeNames.getProperty).get(propertyController.getProperty)
routes.route(routeNames.getProperties).post(authJwt.verifyToken, propertyController.getProperties)
routes.route(routeNames.getBookingProperties).post(authJwt.verifyToken, propertyController.getBookingProperties)
routes.route(routeNames.getFrontendProperties).post(propertyController.getFrontendProperties)

export default routes

const routes = {
  create: '/api/create-property',
  update: '/api/update-property',
  delete: '/api/delete-property/:id',
  uploadImage: '/api/upload-property-image',
  deleteTempImage: '/api/delete-temp-property-image/:fileName',
  deleteImage: '/api/delete-property-image/:property/:image',
  getProperty: '/api/property/:id/:language',
  getProperties: '/api/properties/:page/:size',
  getBookingProperties: '/api/booking-properties/:page/:size',
  getFrontendProperties: '/api/frontend-properties/:page/:size',
  checkProperty: '/api/check-property/:id',
}

export default routes

import { Schema, model } from 'mongoose'
import * as movininTypes from ':movinin-types'
import * as env from '../config/env.config'

const propertySchema = new Schema<env.Property>(
  {
    name: {
      type: String,
      required: [true, "can't be blank"],
    },
    type: {
      type: String,
      enum: [
        movininTypes.PropertyType.House,
        movininTypes.PropertyType.Apartment,
        movininTypes.PropertyType.Townhouse,
        movininTypes.PropertyType.Plot,
        movininTypes.PropertyType.Farm,
        movininTypes.PropertyType.Commercial,
        movininTypes.PropertyType.Industrial,
      ],
      required: [true, "can't be blank"],
    },
    agency: {
      type: Schema.Types.ObjectId,
      required: [true, "can't be blank"],
      ref: 'User',
      index: true,
    },
    description: {
      type: String,
      required: [true, "can't be blank"],
    },
    available: {
      type: Boolean,
      default: true,
    },
    image: {
      type: String,
    },
    images: {
      type: [String],
    },
    bedrooms: {
      type: Number,
      required: [true, "can't be blank"],
      validate: {
        validator: Number.isInteger,
        message: '{VALUE} is not an integer value',
      },
    },
    bathrooms: {
      type: Number,
      required: [true, "can't be blank"],
      validate: {
        validator: Number.isInteger,
        message: '{VALUE} is not an integer value',
      },
    },
    kitchens: {
      type: Number,
      default: 1,
      validate: {
        validator: Number.isInteger,
        message: '{VALUE} is not an integer value',
      },
    },
    parkingSpaces: {
      type: Number,
      default: 0,
      validate: {
        validator: Number.isInteger,
        message: '{VALUE} is not an integer value',
      },
    },
    size: {
      type: Number,
    },
    petsAllowed: {
      type: Boolean,
      required: [true, "can't be blank"],
    },
    furnished: {
      type: Boolean,
      required: [true, "can't be blank"],
    },
    minimumAge: {
      type: Number,
      required: [true, "can't be blank"],
      min: env.MINIMUM_AGE,
      max: 99,
    },
    location: {
      type: Schema.Types.ObjectId,
      ref: 'Location',
      required: [true, "can't be blank"],
    },
    address: {
      type: String,
    },
    price: {
      type: Number,
      required: [true, "can't be blank"],
    },
    hidden: {
      type: Boolean,
      default: false,
    },
    cancellation: {
      type: Number,
      default: 0,
    },
    aircon: {
      type: Boolean,
      default: false,
    },
    rentalTerm: {
      type: String,
      enum: [
        movininTypes.RentalTerm.Monthly,
        movininTypes.RentalTerm.Weekly,
        movininTypes.RentalTerm.Daily,
        movininTypes.RentalTerm.Yearly,
      ],
      required: [true, "can't be blank"],
    },
  },
  {
    timestamps: true,
    strict: true,
    collection: 'Property',
  },
)

const Property = model<env.Property>('Property', propertySchema)

export default Property

export interface Property extends Document {
  name: string
  type: movininTypes.PropertyType
  agency: Types.ObjectId
  description: string
  image: string
  images?: string[]
  bedrooms: number
  bathrooms: number
  kitchens?: number
  parkingSpaces?: number,
  size?: number
  petsAllowed: boolean
  furnished: boolean
  minimumAge: number
  location: Types.ObjectId
  address?: string
  price: number
  hidden?: boolean
  cancellation?: number
  aircon?: boolean
  available?: boolean
  rentalTerm: movininTypes.RentalTerm
}

'react-native-gesture-handler' 가져오기
import React, { useCallback, useEffect, useRef, useState } from 'react'
'react-native-root-siblings'에서 { RootSiblingParent } 가져오기
'@react-navigation/native'에서 가져오기 { NavigationContainer, NavigationContainerRef }
'expo-status-bar'에서 { StatusBar를 ExpoStatusBar로 } 가져오기
'react-native-safe-area-context'에서 { SafeAreaProvider } 가져오기
'react-native-paper'에서 { 제공자 } 가져오기
*를 'expo-splash-screen'에서 SplashScreen으로 가져오기
*를 'expo-notifications'에서 알림으로 가져오기
'@stripe/stripe-react-native'에서 { StripeProvider } 가져오기
'./comComponents/DrawerNavigator'에서 DrawerNavigator 가져오기
*를 './common/helper'에서 도우미로 가져오기
*를 './services/NotificationService'에서 NotificationService로 가져오기
*를 './services/UserService'에서 UserService로 가져오기
'./context/GlobalContext'에서 { GlobalProvider } 가져오기
* './config/env.config'에서 env로 가져오기

알림.setNotificationHandler({
  handlerNotification: async () => ({
    shouldShowAlert: 사실,
    shouldPlaySound: 사실,
    shouldSetBadge: 사실,
  }),
})

//
// 앱 구성요소 선언 전에 기본 스플래시 화면이 자동 숨김되는 것을 방지합니다.
//
SplashScreen.preventAutoHideAsync()
  .then((result) => console.log(`SplashScreen.preventAutoHideAsync() 성공: ${result}`))
  .catch(console.warn) // 오류를 명시적으로 포착하고 검사하는 것이 좋습니다.

const 앱 = () => {
  const [appIsReady, setAppIsReady] = useState(false)

  const responseListener = useRef<Notifications.Subscription>()
  const NavigationRef = useRef<NavigationContainerRef<StackParams>>(null)

  useEffect(() => {
    const 레지스터 = 비동기() => {
      const LoggedIn = UserService.loggedIn()을 기다립니다.
      if (로그인) {
        const currentUser = UserService.getCurrentUser()를 기다립니다.
        if (현재사용자?._id) {
          helper.registerPushToken(currentUser._id)을 기다립니다.
        } 또 다른 {
          도우미.오류()
        }
      }
    }

    //
    // 푸시 알림 토큰 등록
    //
    등록하다()

    //
    // 이 리스너는 사용자가 알림을 탭하거나 알림과 상호작용할 때마다 시작됩니다(앱이 포그라운드, 백그라운드 또는 종료될 때 작동).
    //
    responseListener.current = 알림.addNotificationResponseReceivedListener(async (응답) => {
      노력하다 {
        if (navigationRef.current) {
          const { 데이터 } = response.notification.request.content

          if (data.booking) {
            if (data.user && data.notification) {
              알림Service.markAsRead(data.user, [data.notification])를 기다립니다.
            }
            NavigationRef.current.navigate('예약', { id: data.booking })
          } 또 다른 {
            NavigationRef.current.navigate('알림', {})
          }
        }
      } 잡기 (오류) {
        helper.error(err, false)
      }
    })

    반환() => {
      알림.제거알림구독(responseListener.current!)
    }
  }, [])

  setTimeout(() => {
    setAppIsReady(true)
  }, 500)

  const onReady = useCallback(async () => {
    if (appIsReady) {
      //
      // 스플래시 화면을 즉시 숨기도록 지시합니다! 나중에 이것을 호출하면
      // `setAppIsReady`, 그러면 앱이 실행되는 동안 빈 화면이 나타날 수 있습니다.
      // 초기 상태를 로드하고 첫 번째 픽셀을 렌더링합니다. 그래서 대신,
      // 루트 뷰가 이미 있다는 것을 알고 나면 스플래시 화면을 숨깁니다.
      // 레이아웃을 수행했습니다.
      //
      SplashScreen.hideAsync()를 기다립니다.
    }
  }, [appIsReady])

  if (!appIsReady) {
    null을 반환
  }

  반품 (
    <글로벌 제공자>
      <SafeAreaProvider>
        <공급자>
          <StripeProvider 게시 가능 키={env.STRIPE_PUBLISHABLE_KEY} MerchantIdentifier={env.STRIPE_MERCHANT_IDENTIFIER}>
            <RootSiblingParent>
              <NavigationContainer ref={navigationRef} onReady={onReady}>
                <엑스포상태바>



<p>모바일 앱의 화면을 일일이 다루지는 않지만, 소스코드를 검색해서 하나하나 보실 수 있습니다.</p>

<h2>
  
  
  관리 대시보드
</h2>

<p>관리 대시보드는 Node.js, React, MUI 및 TypeScript로 구축된 웹 애플리케이션입니다. 백엔드에서 관리자는 공급업체, 자동차, 위치, 고객 및 예약을 생성하고 관리할 수 있습니다. 백엔드에서 새로운 공급업체가 생성되면 관리 대시보드에 액세스하고 차량 및 예약을 관리하기 위해 계정을 생성하라는 이메일을 받게 됩니다.</p>