https://github.com/dawidolko/rent-app-vue
Apartment/real estate rental project made in vue. Fully frontend.
https://github.com/dawidolko/rent-app-vue
frontend project rent rent-flat vue vue-frontend vue-project
Last synced: 23 days ago
JSON representation
Apartment/real estate rental project made in vue. Fully frontend.
- Host: GitHub
- URL: https://github.com/dawidolko/rent-app-vue
- Owner: dawidolko
- License: mit
- Created: 2025-04-25T19:14:58.000Z (25 days ago)
- Default Branch: main
- Last Pushed: 2025-04-25T20:45:29.000Z (25 days ago)
- Last Synced: 2025-04-25T21:23:02.553Z (25 days ago)
- Topics: frontend, project, rent, rent-flat, vue, vue-frontend, vue-project
- Language: Vue
- Homepage: https://rent.dawidolko.pl/
- Size: 16.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Rent App Vue (Vue.js, Sass, Vite)
> **Case:** Build a responsive and modern web application for showcasing rental properties. The application includes a homepage with a header, slider, apartment filter, project listings, about section, and a mobile menu. Animations and hover effects have been added to improve UX. The design was provided beforehand.
> **Tech Stack:** `Vue 3`, `JavaScript`, `SCSS`, `Vite`, `git`.
## 🚀 Usage
### Using via NPM
- Install `Node.js`:
- Clone this repository:
```bash
git clone https://github.com/dawidolko/Rent-App-Vue.git
```
- Move to the project directory:
```bash
cd ./Rent-App-Vue
```
- Install project dependencies:
```bash
npm install
```
- Run the application in development mode:
```bash
npm run dev
```
- Check for linting issues:
```bash
npm run lint
```
- Build the project for production:
```bash
npm run build
```
- Output will be generated inside the `./dist` folder.
- Preview the production build locally:
```bash
npm run preview
```
---
### Using via Docker (optional)
- Install Docker:
- Build and run the project:
```bash
docker build -t rent-app-vue .
docker run -p 8080:80 rent-app-vue
```
- Open `http://localhost:8080` in your browser.
---
## 🌍 Deployment to GitHub Pages
To deploy the app on GitHub Pages:
1. Install the `gh-pages` package:
```bash
npm install gh-pages --save-dev
```
2. Add the following script to your `package.json`:
```json
"scripts": {
"deploy": "npm run build && gh-pages -d dist"
}
```
3. Deploy your project:
```bash
npm run deploy
```
This will automatically create and push the `gh-pages` branch and host the project.
---
## 📁 Project Structure
```text
Rent-App-Vue
├── dist/ # Production build output
│ └── assets/ # Compiled JS/CSS assets
│
├── public/ # Static public files
│ └── images/ # Public images
│
└── src/ # Source files
├── assets/
│ ├── fonts/
│ ├── scss/
│ └── ...
├── components/ # Reusable Vue components
│ ├── icons/ # SVG icons
│ ├── subforms/ # Sub-components
├── App.vue
└── main.js
```
---
## 📸 Preview
---
## 📜 License
The **Rent App Vue** project is licensed under the [MIT license](https://opensource.org/licenses/MIT).
---
## 🙋♂️ Author
Created by [Dawid Olko](https://github.com/dawidolko)
> Feel free to connect with me!
---