EuvhenRight / SALES-OF-HOUSES-project

SALES-OF-HOUSES-project

Public

Vue.js Project - Real Estate

Pages The project consists of five pages:

Houses Page > This page provides users with a list of houses, offering features such as searching and sorting.

About Page > The About page provides users with information about the Real Estate project.

House Details Page > Users can access detailed information about a specific house on this page.

Create House Page > This page enables users to create a new house listing.

Edit House Page > Users can use this page to edit an existing house listing that they have created.

Delete House Page > Before delete page, you will see modal ALERT!

House_Page

About_Page

Create_House_Page

Edit_House_Page

Delete_House_Page

Response_design

Mobile

Tablet

Code Structure

Real Estate
│
├── public
│ └── sneakers
│
└── src
├── components
│ ├── pages
│ │ ├── AboutView.vue
│ │ ├── EditListingView.vue
│ │ ├── HomeView.vue
│ │ ├── HouseDetailsView.vue
│ │ └── NewListingView.vue
│ │
│ ├── types
│ │ └── types.ts
│ ├── Router
│ │ └── index.ts
│ ├── Stores
│ │ └── store.ts
│ ├── Utils
│ │ ├── monitor-size.ts
│ │ ├── validation-schema.ts  
│ │ └── api-service.ts
│ │
│ ├── Back-to-pages.vue
│ ├── Card-item-recommended.vue
│ ├── Card-item.vue
│ ├── Create-new-btn.vue
│ ├── Delete-listing-pop-up.vue
│ ├── Edit-delete-buttons.vue
│ ├── Header-c.vue
│ ├── Header-mobile.vue
│ ├── Search-bar.vue
│ ├── Sort-houses.vue
│ └── Spinner.vue
│
├── App.vue
└── main.ts

Tech Stack