An open API service indexing awesome lists of open source software.

https://github.com/icaluwu/project-property-web

Mini project that i learn from MySkill, mentor's name is Alfi Nur Hakim
https://github.com/icaluwu/project-property-web

front-end front-end-development frontend web website

Last synced: 5 months ago
JSON representation

Mini project that i learn from MySkill, mentor's name is Alfi Nur Hakim

Awesome Lists containing this project

README

          

# Project Property Web
Contribute to Alfi Nur Hakim - Software Engineer at Evermos for making this Test

A static website showcasing property listings, designed for easy deployment via GitHub Pages, Netlify, or Vercel.
This project includes multiple pages such as home, blog, and property detail pages, styled with modern HTML, CSS, and JavaScript.

---

## 📄 Project Overview

This project is built as a **fully static website** for property-related content.
It can serve as a template for real estate agencies, property portfolios, or listing platforms.

### Features
- Responsive design for mobile and desktop.
- Dedicated property detail pages.
- Blog section for property news and updates.
- Clean, modular HTML & CSS structure.

---

## 🛠️ Tech Stack
- **HTML** for content structure
- **CSS** for styling
- **JavaScript** for interactivity
- **Bootstrap** for framework styling
- **FontAwesome** for font vektor styling
- **GreenSock Animation Platform** for animation styling
- **Animate On Scroll** for action animation styling

---

## 🚀 Deployment

### **GitHub Pages**
1. Go to **Settings → Pages** in this repository.
2. Under **Build and deployment**, set:
- **Source:** Deploy from a branch
- **Branch:** `main` (root)
3. Save and wait for the site to go live.

### **Netlify**
1. Log in to Netlify and select **Add new site → Import an existing project**.
2. Connect your GitHub repository.
3. Build command: _(leave empty)_, Publish directory: `/`
4. Deploy site.

### **Vercel**
1. Log in to Vercel and click **Add New Project**.
2. Import the GitHub repository.
3. Deploy as a static site (no build command required).

---

## 📅 Timeline

- **Start Date & Time:** 10/08/2025 — 10:34
- **Completion Date & Time:** 10/08/2025 — 12:33

---

## Preview

Screenshot (153)
Screenshot (152)
Screenshot (151)
Screenshot (150)
Screenshot (149)

---

## 👤 Author
**Teuku Vaickal Rizki Irdian**
Undergraduate student majoring in Informatics, passionate about web development, cloud computing, and machine learning.

---