Giter Site home page Giter Site logo

laravel-vue-real-estate-app's Introduction

Курс на учебной платформе udemy.com : "Laravel 9, Vue 3 & Inertia Fullstack 2023"


🎫 Сертификат об успешном прохождении курса.

Создано SPA приложение "Агенства недвижимости" с возможностью регистарции пользователя и верификации аккаунта чрезе email сообщение.

Зарегистрированные пользователи могут размещать объекты недвижимости в общей базе и добавлять изображения к каждому объекту недвижимости.

Участники приложения могут предлагать ставки на покупку размещенной недвижимости. Разработана подсистема оповещений при получениии предложения на покупку недвижимости а владелец объекта недвижимости может подтверждать сделку выбрав лучшее предложение.

🐘 Стек: Php 8.2 Laravel 9, Vue 3, InerciaJs, Tailwind CSS, MariaDb

🎟 Второй проект выполненный в ходе изучения курса "Аренда жилья" co стеком технологий - Php 8.2 + Laravel 9, Vue 3 + TypeScript + Pug + Pinia, Boostrap css 5, MariaDb

Темы изученые на курсе


In Laravel:

  • Routing, including optional parameters, route grouping
  • Middleware
  • Eloquent ORM
  • Models, Migrations
  • Seeding databases with fake data
  • Database relations - creating, managing, you will learn how they work and how to use them effectively
  • Authentication & authorization - registering users, signing in, user verification, limiting access, admin users
  • Sending emails, and testing emails locally using Mailtip!
  • Notifications - database & emails
  • Pagination & Filtering
  • Uploading Images!
  • Forms and data validation

In Vue:

  • All-new Composition API!
  • Reactive data
  • Computed properties
  • Passing data using props!
  • Emitting custom events
  • Handling events
  • Making requests
  • Components & component slots
  • Creating layouts
  • File uploading using JavaScript
  • For styling, we will learn the super popular Tailwind CSS! Tailwind is the de-facto standard in 2023!

Установка проекта

Для развертывания проекта потребуется установленный 🐳 docker или же 🐋 docker desktop проект будет работать как на Windows с поддержкой WSL2 так и на Linux машине.

Локальная разработка и тестирование проекта использует легковесный Laravel Sail для работы с docker контейнерами.

Настройка переменных окружения проекта

Создать файл настроект проекта

cp .env.example .env

и если нужно то настроить переменные окружения в .env файле

Установка зависимостей проекта через composer

Если на машине разработчика не установлен локально composer то зависимости проекта можно установить так

docker run --rm --interactive --tty \
  -u "$(id -u):$(id -g)" \
  --volume $PWD:/app \
  composer install

⚠ если же на машине разработчика установлен composer и php то для начала необходимо установить зависимости проекта выполнив команду

composer install

на этом подготовка к работе с Laravel Sail закончен.

Запуск проекта

Чтобы запустить проект к docker контейнерах выполинть команду

./vendor/bin/sail up -d

дождать сборки контейнеров и их старта. Более подробную информацию по набору команд можно узнать на сайте Laravel Sail

Сгенерировать application key

./vendor/bin/sail artisan key:generate
Сборка фронт части

Собрать фронт командой

./vendor/bin/sail npm run build
Выполнить миграции и заплнить тестовыми данными проект

Запустить команду

./vendor/bin/sail artisan migrate --seed

Проект дступен на локальной машине по адресу http://localhost/ для тестирования email сообщений доступен вэб интерфейс Mailpit http://localhost:8025

laravel-vue-real-estate-app's People

Contributors

agdobrynin avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.