???

1. ??
2. ????
3. ?? ??
4. ??? ??
5. API
6. ?????
7. ??? ?
8. ?? ????
9. ????
10. ???

?? ??: https://github.com/aelassas/movinin

??: https://movinin.dynv6.net:3004

??

? ????? ?? ??? ??? ? ?? ??? ??? ???? ?? ??? ??? ?? ????? ??? ?? ?? ?? ????? ???? ??????.

• UI/UX ??: ??? ??? ??? ?? ??? ?? ??? ??????
• ??? ??: ?? ??? ???? ?? ??? ???? ?? ? ??? ?? ??
• ??? DevOps: ???? ??? ????? ???? ?????? ??, ?? ? ????
• ???? ??: ??? ???? ?? ?? ?? ??? ??? ??? ?????

??? ????:

• ?? ?????:
  • ????? ???? ??? ?? ????? ??
  • ?? ?? ? ?? ? ??? ??
• DevOps:
  • ???? ???? ?? Docker ????? ???? ??
  • ?? ???? ???(1GB RAM ??)
  • Hetzner ?? DigitalOcean? ?? ????? ???? ?? ??? ??? 5?? ???? ?????.
  • ???? ??? ?? ?? ?? ???

?? ??

?? ???? ? ?? ??? ??? ????.

• ??????
• Node.js
• ??DB
• ??
• ??
• ??? ????
• ???
• ?????
• ??

TypeScript? ??? ?? ??? ?? ??? ??? TypeScript? ????? ???????. TypeScript? ??? ???, ?? ? ??? ???? ??? ? ???? ?? ???, ???, ?? ?? ?? ??? ?? ??? ?????.

?? ??? ??? ??? ?? React? ????, ??? ??? ???? ?? MongoDB?, ??? ?? ??? ?? Stripe? ??????.

? ??? ???? ??? ????? ??? ?? ???? ?? ??? ??? ?? ?? ??? ???? ??? ????? ???? ??? ?? ??? ? ?? ??? ???? ????.

React? ??? ?? ??? ??? ?????.

1. ???? ?? ????
   • ??? UI? ??? ??? ?? ???? ?? ? ????
   • ??? ?? ?? ???? ????? ?? ????
   • ? ?? ?? ?? ? ??? ??
2. ?? DOM ??
   • React? ?? DOM? ??? ?? ????? ???????
   • ??? ?? ??? ???? ??? ??? ?????
   • ???? ???? ??
3. ??? ???
   • ?? ??? ????? ??? ??? ?????
   • ???? ??
   • ??? ???? ?? ??? ????
4. ??? ??? ??
   • ???? ???? ?? ? ???
   • ??? ??? ??
   • JSX? ???? UI ?? ??? ?? ????? ?? ? ????
5. ?? ??
   • Meta(?? Facebook) ??
   • ?? ????? ??
   • ???? ??? ??
6. ???
   • ??? ? ??? ?????? ??? ??
   • ?? ????? ????? ?? ??
   • ??? ??? ?? ??(??????, ???, ??)

?? ??

? ????? ?????, ??? ???? ? ??? ?? ?? ???? ? ? ????.

?????

??????? ??? ?? ??? ???? ????, ???? ??? ? ??? ? ????.

??? ??? ?? ? ??? ???? ?? ??? ??? ??? ? ?? ????? ?? ??????.

??? ??? ??? ??? ??? ? ?? ?? ??? ?? ?????.

??? ??? ???? ????? ? ? ?? ??????.

??? ?? ??????.

??? ??? ?? ??? ???? ??? ? ?? ?? ??????. ??? ???? ?? ?? ??? ??? ??? ? ? ????. ?? ???? ?? ?? ???? ??? ?? ?? ? ??? ???? ?? ???.

??? ??? ??????. ?????? ?? ??? httpOnly, ??, ?? ? ??? sameSite???. ??? ??? XSS, CSRF ? MITM ??? ?????. ?? ??? ??? ????? ?? XST ??????? ?????.

??? ???? ??????.

??? ??? ?? ??? ???? ??? ? ?? ??????.

??? ??? ?? ??? ??? ? ? ?? ??????.

??? ??? ?? ??? ??? ? ?? ??????.

??? ??? ??? ??? ? ?? ??????.

??? ??? ????? ??? ? ?? ??????.

?????. ?????? ?? ??????.

?? ????

? ?? ??? ???:

• ???: ??? ????? ?? ?? ??? ??? ????. ??? ???? ? ? ????.
• ???: ?? ????? ?? ???? ???? ????. ??, ??, ??? ??? ? ????.
• ??: ?????? ??? ??? ???? ? ????. ??? ????? ???? ? ????.

? ???? ?? ???? ????? ???????. ? ???? ?? ?????? ?? ??, ?? ? ??? ??? ? ????. ???? ??? ?????? ??? ?? ????.

????? ???? ???, ??, ??, ?? ? ??? ???? ??? ? ????.

? ???? ???? ??, ?? ? ??? ??? ? ??? ?? ????? ????? ?? ??? ????? ???? ?? ???.

??? ??? ???? ??? ??????.

??? ???? ???? ??? ???? ??? ? ?? ???? ??????.

?? ??? ???? ?? ???? ??? ???? ?????.

??? ??? ???? ??? ? ?? ??????.

??? ???? ???? ???? ?? ??? ???? ??? ??? ??? ? ?? ??????. ?? ??? ???? 0?? ?????. ??? ?? ?? ?? ??? ??????, ??? ??? ???? ?????.

??? ???? ???? ??? ??? ? ?? ??????.

??? ???? ??? ??? ? ?? ??????.

??? ???? ??? ?????? ??? ????? ?? ??? ???? ??????. ??? ?? ?? ????? ?? ??? ??? ?? ????? ???? ??? ???? ?????.

??? ?? ?? ??????.

??? ???? ?? ??????.

??? ?? ????? ???? ??????.

??? ??? ?? ??????.

??? ???? ??? ? ? ?? ??????.

??? ??? ????? ? ? ?? ??????.

??? ???? ???? ??? ??? ? ?? ??????.

?? ???? ??? ??? ????? ?? ??????.

?????. ??? ????? ?? ??????.

??? ??

?????

• URL: https://movinin.dynv6.net:3004/
• ???: jdoe@movinin.io
• ????: M00vinin

?? ????

• URL: https://movinin.dynv6.net:3003/
• ???: admin@movinin.io
• ????: M00vinin

??? ?

?? Android ??? Android ?? ??? ? ????.

??? ? ??? ?????

??? ?? ?? ? ??? ?????. ?? ?? ???? ??? ????.

Android? ??? ?? ???? ??

• Android 8.0(API ?? 26) ??? ???? ????? ? ? ?? ? ?? ??? ?? ???? ???? ?? ??(?: ?? ?????? ? ????)?? ? ??? ????? ???. .

• Android 7.1.1(API ?? 25) ??? ???? ????? ?? >?? ? ? ?? ?? ??? ??? ????? ???. ??? ??? ???? ?????.

?? ??

?? APK? ?? ?????? ?? Android ??? ???? Android ?? ??? ?? ????.

• APK ????
• ???: jdoe@movinin.io
• ????: M00vinin

API

API? ?? ????, ????? ? ??? ?? ??? ?? ??? ?????. API? MVC ??? ??? ????. ???? JWT? ?????. ??, ??, ?? ??? ??? ?? ? ??? ??? ??? ???? ?? ???? ??? ? ?? ?? ? ?? ?? ? ??? ???? ?? ??? ????.

• ./api/src/models/ ???? MongoDB ??? ???? ????.
• ./api/src/routes/ ???? Express ??? ???? ????.
• ./api/src/controllers/ ???? ????? ???? ????.
• ./api/src/middlewares/ ???? ????? ???? ????.
• ./api/src/config/env.config.ts?? ?? ? TypeScript ?? ??? ???? ????.
• ./api/src/lang/ ???? ???? ???? ????.
• ./api/src/app.ts? ??? ???? ?? ?????.
• ./api/index.ts? API? ?? ??????.

index.ts? API? ?? ??????.

import 'dotenv/config'
import process from 'node:process'
import fs from 'node:fs/promises'
import http from 'node:http'
import https, { ServerOptions } from 'node:https'
import app from './app'
import * as databaseHelper from './common/databaseHelper'
import * as env from './config/env.config'
import * as logger from './common/logger'

if (
  await databaseHelper.connect(env.DB_URI, env.DB_SSL, env.DB_DEBUG) 
  && await databaseHelper.initialize()
) {
  let server: http.Server | https.Server

  if (env.HTTPS) {
    https.globalAgent.maxSockets = Number.POSITIVE_INFINITY
    const privateKey = await fs.readFile(env.PRIVATE_KEY, 'utf8')
    const certificate = await fs.readFile(env.CERTIFICATE, 'utf8')
    const credentials: ServerOptions = { key: privateKey, cert: certificate }
    server = https.createServer(credentials, app)

    server.listen(env.PORT, () => {
      logger.info('HTTPS server is running on Port', env.PORT)
    })
  } else {
    server = app.listen(env.PORT, () => {
      logger.info('HTTP server is running on Port', env.PORT)
    })
  }

  const close = () => {
    logger.info('Gracefully stopping...')
    server.close(async () => {
      logger.info(`HTTP${env.HTTPS ? 'S' : ''} server closed`)
      await databaseHelper.close(true)
      logger.info('MongoDB connection closed')
      process.exit(0)
    })
  }

  ['SIGINT', 'SIGTERM', 'SIGQUIT'].forEach((signal) => process.on(signal, close))
}

Node.js? Express? ???? ??? ???? TypeScript ?????. dotenv, process, fs, http, https, mongoose ? app? ??? ?? ??? ?????. ?? ?? HTTPS ?? ??? true? ???? ??? ????, ???? https ??? ??? ?? ? ? ???? ???? HTTPS ??? ?????. ??? ??? http ??? ???? HTTP ??? ?????. ??? PORT ?? ??? ??? ???? ?? ?????.

?? ??? ???? ??? ????? ????? ?? ??? ???? ????. ??? MongoDB ??? ?? ? ?? ?? 0?? ????? ?????. ????? ????? SIGINT, SIGTERM ?? SIGQUIT ??? ??? ? ??? ?? ??? ?????.

app.ts? API? ?? ??????.

import express from 'express'
import compression from 'compression'
import helmet from 'helmet'
import nocache from 'nocache'
import cookieParser from 'cookie-parser'
import i18n from './lang/i18n'
import * as env from './config/env.config'
import cors from './middlewares/cors'
import allowedMethods from './middlewares/allowedMethods'
import agencyRoutes from './routes/agencyRoutes'
import bookingRoutes from './routes/bookingRoutes'
import locationRoutes from './routes/locationRoutes'
import notificationRoutes from './routes/notificationRoutes'
import propertyRoutes from './routes/propertyRoutes'
import userRoutes from './routes/userRoutes'
import stripeRoutes from './routes/stripeRoutes'
import countryRoutes from './routes/countryRoutes'
import * as helper from './common/helper'

const app = express()

app.use(helmet.contentSecurityPolicy())
app.use(helmet.dnsPrefetchControl())
app.use(helmet.crossOriginEmbedderPolicy())
app.use(helmet.frameguard())
app.use(helmet.hidePoweredBy())
app.use(helmet.hsts())
app.use(helmet.ieNoOpen())
app.use(helmet.noSniff())
app.use(helmet.permittedCrossDomainPolicies())
app.use(helmet.referrerPolicy())
app.use(helmet.xssFilter())
app.use(helmet.originAgentCluster())
app.use(helmet.crossOriginResourcePolicy({ policy: 'cross-origin' }))
app.use(helmet.crossOriginOpenerPolicy())

app.use(nocache())
app.use(compression({ threshold: 0 }))
app.use(express.urlencoded({ limit: '50mb', extended: true }))
app.use(express.json({ limit: '50mb' }))

app.use(cors())
app.options('*', cors())
app.use(cookieParser(env.COOKIE_SECRET))
app.use(allowedMethods)

app.use('/', agencyRoutes)
app.use('/', bookingRoutes)
app.use('/', locationRoutes)
app.use('/', notificationRoutes)
app.use('/', propertyRoutes)
app.use('/', userRoutes)
app.use('/', stripeRoutes)
app.use('/', countryRoutes)

i18n.locale = env.DEFAULT_LANGUAGE

helper.mkdir(env.CDN_USERS)
helper.mkdir(env.CDN_TEMP_USERS)
helper.mkdir(env.CDN_PROPERTIES)
helper.mkdir(env.CDN_TEMP_PROPERTIES)
helper.mkdir(env.CDN_LOCATIONS)
helper.mkdir(env.CDN_TEMP_LOCATIONS)

export default app

?? MongoDB ?? ???? ??? ?? MongoDB ??????? ??? ?????. ?? ?? Express ?? ??? cors, ??, ?? ? nocache? ?? ????? ?????. ?? ???? ?????? ???? ??? ?? ??? ??????. ?? ??? ??, ?? ??, ?? ??, ?? ??, ?? ??, ??? ?? ? ??????? ??? ??? ?? ??? ?? ??? ?????. ????? Express ??? ???? ?? ?????.

API?? 8?? ??? ????. ? ???? MVC ??? ??? SOLID ??? ??? ?? ????? ????. ?? ??? ??? ????.

• userRoutes: ???? ??? REST ??? ??
• agencyRoutes: ???? ?? REST ?? ??
• countryRoutes: ?? ?? REST ?? ??
• locationRoutes: ??? ??? REST ?? ??
• propertyRoutes: ??? ??? REST ??? ?????
• bookingRoutes: ?? ?? REST ?? ??
• notificationRoutes: ?? ?? REST ?? ??
• stripeRoutes: Stripe ?? ????? ?? REST ??? ?????

? ??? ??? ????? ?????. ?? ?? propertyRoutes? ???? ??? ??? ?????? ???????. ????? ???? ?? ??? ? ? ????.

propertyRoutes.ts? ??? ????.

import 'dotenv/config'
import process from 'node:process'
import fs from 'node:fs/promises'
import http from 'node:http'
import https, { ServerOptions } from 'node:https'
import app from './app'
import * as databaseHelper from './common/databaseHelper'
import * as env from './config/env.config'
import * as logger from './common/logger'

if (
  await databaseHelper.connect(env.DB_URI, env.DB_SSL, env.DB_DEBUG) 
  && await databaseHelper.initialize()
) {
  let server: http.Server | https.Server

  if (env.HTTPS) {
    https.globalAgent.maxSockets = Number.POSITIVE_INFINITY
    const privateKey = await fs.readFile(env.PRIVATE_KEY, 'utf8')
    const certificate = await fs.readFile(env.CERTIFICATE, 'utf8')
    const credentials: ServerOptions = { key: privateKey, cert: certificate }
    server = https.createServer(credentials, app)

    server.listen(env.PORT, () => {
      logger.info('HTTPS server is running on Port', env.PORT)
    })
  } else {
    server = app.listen(env.PORT, () => {
      logger.info('HTTP server is running on Port', env.PORT)
    })
  }

  const close = () => {
    logger.info('Gracefully stopping...')
    server.close(async () => {
      logger.info(`HTTP${env.HTTPS ? 'S' : ''} server closed`)
      await databaseHelper.close(true)
      logger.info('MongoDB connection closed')
      process.exit(0)
    })
  }

  ['SIGINT', 'SIGTERM', 'SIGQUIT'].forEach((signal) => process.on(signal, close))
}

?? Express Router? ????. ?? ?? ??, ???, ???? ? ????? ???? ??? ?????.

routeNames?? propertyRoutes ?? ??? ???? ????.

import express from 'express'
import compression from 'compression'
import helmet from 'helmet'
import nocache from 'nocache'
import cookieParser from 'cookie-parser'
import i18n from './lang/i18n'
import * as env from './config/env.config'
import cors from './middlewares/cors'
import allowedMethods from './middlewares/allowedMethods'
import agencyRoutes from './routes/agencyRoutes'
import bookingRoutes from './routes/bookingRoutes'
import locationRoutes from './routes/locationRoutes'
import notificationRoutes from './routes/notificationRoutes'
import propertyRoutes from './routes/propertyRoutes'
import userRoutes from './routes/userRoutes'
import stripeRoutes from './routes/stripeRoutes'
import countryRoutes from './routes/countryRoutes'
import * as helper from './common/helper'

const app = express()

app.use(helmet.contentSecurityPolicy())
app.use(helmet.dnsPrefetchControl())
app.use(helmet.crossOriginEmbedderPolicy())
app.use(helmet.frameguard())
app.use(helmet.hidePoweredBy())
app.use(helmet.hsts())
app.use(helmet.ieNoOpen())
app.use(helmet.noSniff())
app.use(helmet.permittedCrossDomainPolicies())
app.use(helmet.referrerPolicy())
app.use(helmet.xssFilter())
app.use(helmet.originAgentCluster())
app.use(helmet.crossOriginResourcePolicy({ policy: 'cross-origin' }))
app.use(helmet.crossOriginOpenerPolicy())

app.use(nocache())
app.use(compression({ threshold: 0 }))
app.use(express.urlencoded({ limit: '50mb', extended: true }))
app.use(express.json({ limit: '50mb' }))

app.use(cors())
app.options('*', cors())
app.use(cookieParser(env.COOKIE_SECRET))
app.use(allowedMethods)

app.use('/', agencyRoutes)
app.use('/', bookingRoutes)
app.use('/', locationRoutes)
app.use('/', notificationRoutes)
app.use('/', propertyRoutes)
app.use('/', userRoutes)
app.use('/', stripeRoutes)
app.use('/', countryRoutes)

i18n.locale = env.DEFAULT_LANGUAGE

helper.mkdir(env.CDN_USERS)
helper.mkdir(env.CDN_TEMP_USERS)
helper.mkdir(env.CDN_PROPERTIES)
helper.mkdir(env.CDN_TEMP_PROPERTIES)
helper.mkdir(env.CDN_LOCATIONS)
helper.mkdir(env.CDN_TEMP_LOCATIONS)

export default app

propertyController?? ??? ?? ?? ???? ??? ???? ????. ????? ?? ??? ? ?? ??? ?? ?? ??? ? ?? ??? ???? ?? ??? ?? ???????.

??? ?? ?????:

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

??? ???? ?????:

• ??
• A??(???,???,??,??,???,??,????)
• ??? ??
• ??
• ?? ???
• ?? ???
• ?? ?
• ??? ?
• ?? ?
• ????
• A???
• ?? ?? ??
• ??
• ??(??)
• ??
• ?? ??(??, ??, ??, ??)
• ?? ??(0?? ???? ??? ????, ???? ???? ?????, ?? ??? ??)
• ???? ?? ?? ??? ???? ???
• ?? ??? ???? ??? ??? ???? ???
• ?? ?? ??? ???? ???
• ??? ?? ?? ??? ???? ???
• ?? ?? ??? ???? ???

??? ???? ?? ?????:

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

?????

?????? Node.js, React, MUI ? TypeScript? ??? ? ?????????. ??? ??????? ??? ??? ??? ?? ?? ??? ??? ???? ??? ??? ? ??? ??? ? ????.

• ./frontend/src/assets/ ???? CSS? ???? ???? ????.
• ./frontend/src/pages/ ???? React ???? ???? ????.
• ./frontend/src/comComponents/ ???? React ?? ??? ???? ????.
• ./frontend/src/services/?? API ????? ???? ???? ????.
• ./frontend/src/App.tsx? ??? ??? ?? React ????.
• ./frontend/src/index.tsx? ?????? ?? ??????.

TypeScript ?? ??? ./packages/movinin-types ???? ???? ????.

App.tsx? ?? ?? ????:

import 'dotenv/config'
import process from 'node:process'
import fs from 'node:fs/promises'
import http from 'node:http'
import https, { ServerOptions } from 'node:https'
import app from './app'
import * as databaseHelper from './common/databaseHelper'
import * as env from './config/env.config'
import * as logger from './common/logger'

if (
  await databaseHelper.connect(env.DB_URI, env.DB_SSL, env.DB_DEBUG) 
  && await databaseHelper.initialize()
) {
  let server: http.Server | https.Server

  if (env.HTTPS) {
    https.globalAgent.maxSockets = Number.POSITIVE_INFINITY
    const privateKey = await fs.readFile(env.PRIVATE_KEY, 'utf8')
    const certificate = await fs.readFile(env.CERTIFICATE, 'utf8')
    const credentials: ServerOptions = { key: privateKey, cert: certificate }
    server = https.createServer(credentials, app)

    server.listen(env.PORT, () => {
      logger.info('HTTPS server is running on Port', env.PORT)
    })
  } else {
    server = app.listen(env.PORT, () => {
      logger.info('HTTP server is running on Port', env.PORT)
    })
  }

  const close = () => {
    logger.info('Gracefully stopping...')
    server.close(async () => {
      logger.info(`HTTP${env.HTTPS ? 'S' : ''} server closed`)
      await databaseHelper.close(true)
      logger.info('MongoDB connection closed')
      process.exit(0)
    })
  }

  ['SIGINT', 'SIGTERM', 'SIGQUIT'].forEach((signal) => process.on(signal, close))
}

? ??? ???? ?? React ?? ??? ???? ????.

?????? ? ???? ???? ??? ?? ??? ???? ? ???? ? ? ????.

??? ?

? ???? Android ? iOS? ?? ??? ?? ?????. ??? ?? React Native, Expo ? TypeScript? ???????. ?????? ????? ??? ???? ??? ??? ??? ??? ?? ?? ??? ??? ???? ??? ??? ? ??? ??? ? ????.

????? ??? ?????? ??? ?? ??? ????. ?? ??? Node.js, Expo Server SDK ? Firebase? ???????.

• ./mobile/assets/ ???? ???? ???? ????.
• ./mobile/screens/ ???? ?? React Native ??? ???? ????.
• ./mobile/comComponents/ ???? React Native ?? ??? ???? ????.
• ./mobile/services/?? API ????? ???? ???? ????.
• ./mobile/App.tsx? ?? React Native ????.

TypeScript ?? ??? ?? ??? ???? ????.

• ./mobile/types/index.d.ts
• ./mobile/types/env.d.ts
• ./mobile/miscellaneous/movininTypes.ts

./mobile/types/? ??? ?? ./mobile/tsconfig.json? ?????.

import express from 'express'
import compression from 'compression'
import helmet from 'helmet'
import nocache from 'nocache'
import cookieParser from 'cookie-parser'
import i18n from './lang/i18n'
import * as env from './config/env.config'
import cors from './middlewares/cors'
import allowedMethods from './middlewares/allowedMethods'
import agencyRoutes from './routes/agencyRoutes'
import bookingRoutes from './routes/bookingRoutes'
import locationRoutes from './routes/locationRoutes'
import notificationRoutes from './routes/notificationRoutes'
import propertyRoutes from './routes/propertyRoutes'
import userRoutes from './routes/userRoutes'
import stripeRoutes from './routes/stripeRoutes'
import countryRoutes from './routes/countryRoutes'
import * as helper from './common/helper'

const app = express()

app.use(helmet.contentSecurityPolicy())
app.use(helmet.dnsPrefetchControl())
app.use(helmet.crossOriginEmbedderPolicy())
app.use(helmet.frameguard())
app.use(helmet.hidePoweredBy())
app.use(helmet.hsts())
app.use(helmet.ieNoOpen())
app.use(helmet.noSniff())
app.use(helmet.permittedCrossDomainPolicies())
app.use(helmet.referrerPolicy())
app.use(helmet.xssFilter())
app.use(helmet.originAgentCluster())
app.use(helmet.crossOriginResourcePolicy({ policy: 'cross-origin' }))
app.use(helmet.crossOriginOpenerPolicy())

app.use(nocache())
app.use(compression({ threshold: 0 }))
app.use(express.urlencoded({ limit: '50mb', extended: true }))
app.use(express.json({ limit: '50mb' }))

app.use(cors())
app.options('*', cors())
app.use(cookieParser(env.COOKIE_SECRET))
app.use(allowedMethods)

app.use('/', agencyRoutes)
app.use('/', bookingRoutes)
app.use('/', locationRoutes)
app.use('/', notificationRoutes)
app.use('/', propertyRoutes)
app.use('/', userRoutes)
app.use('/', stripeRoutes)
app.use('/', countryRoutes)

i18n.locale = env.DEFAULT_LANGUAGE

helper.mkdir(env.CDN_USERS)
helper.mkdir(env.CDN_TEMP_USERS)
helper.mkdir(env.CDN_PROPERTIES)
helper.mkdir(env.CDN_TEMP_PROPERTIES)
helper.mkdir(env.CDN_LOCATIONS)
helper.mkdir(env.CDN_TEMP_LOCATIONS)

export default app

App.tsx? React Native ?? ?? ??????.

'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>

• ./backend/assets/ ???? CSS? ???? ???? ????.
• ./backend/pages/ ???? React ???? ???? ????.
• ./backend/comComponents/ ???? React ?? ??? ???? ????.
• ./backend/services/?? API ????? ???? ???? ????.
• ./backend/App.tsx? ??? ??? ?? React ????.
• ./backend/index.tsx? ?? ????? ?? ??????.

TypeScript ?? ??? ./packages/movinin-types ???? ???? ????.

?? ????? App.tsx? ?????? App.tsx? ??? ??? ????.

?? ????? ? ???? ???? ??? ?? ??? ???? ? ???? ? ? ????.

?? ??

React Native? Expo? ???? ??? ?? ???? ?? ?? ????. Expo? React Native? ??? ??? ??? ?? ???? ????.

???, ?????, ??? ??? ??? ??(TypeScript)? ???? ?? ?????.

TypeScript? ?? ???? ???? ?? ??? ??? ????. JavaScript? ?? ?? ??? ???? ?? ??? ???? ??? ? ???? ?? ???, ???, ?? ? ?? ??? ??? ??? ??? ? ????.

?????! ? ?? ???? ????? ????.

??

1. ??
2. ??
3. ??(?? ???)
4. (VPS) ??
5. ?? ?(??)
   1. ?? ???
   2. SSL
6. ????? ??
7. ??? ? ??
8. ?? ??????
   1. Windows, Linux ? macOS
   2. ??
9. ???? ??
10. ??? ? ??
    1. ????
    2. ??
    3. ?? ??
11. ?? ??
12. ? ?? ??
13. ?? ??? ? ?? ??
14. ??

? ??? ???? ????: ??? ?? ????? ??? ?? ???? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!