https://github.com/dewanakl/undangan

💌 Template website undangan pernikahan HTML sederhana menggunakan Bootstrap, AOS, Font Awesome, Canvas Confetti, Google Fonts, dan Vanilla JS.
https://github.com/dewanakl/undangan

invitation nikah pernikahan template template-pernikahan template-undangan undangan undangan-digital undangan-online undangan-pernikahan website website-invitation website-pernikahan website-undangan wedding wedding-invitation wedding-page wedding-rsvp wedding-template wedding-website

Last synced: 5 months ago
JSON representation

💌 Template website undangan pernikahan HTML sederhana menggunakan Bootstrap, AOS, Font Awesome, Canvas Confetti, Google Fonts, dan Vanilla JS.

• Host: GitHub
• URL: https://github.com/dewanakl/undangan
• Owner: dewanakl
• License: mit
• Created: 2023-01-31T15:03:59.000Z (over 3 years ago)
• Default Branch: 4.x
• Last Pushed: 2025-10-05T09:11:46.000Z (8 months ago)
• Last Synced: 2025-10-05T11:29:57.036Z (8 months ago)
• Topics: invitation, nikah, pernikahan, template, template-pernikahan, template-undangan, undangan, undangan-digital, undangan-online, undangan-pernikahan, website, website-invitation, website-pernikahan, website-undangan, wedding, wedding-invitation, wedding-page, wedding-rsvp, wedding-template, wedding-website
• Language: JavaScript
• Homepage: https://ulems.my.id
• Size: 19.4 MB
• Stars: 594
• Watchers: 16
• Forks: 370
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

          
# 💌 Template website undangan pernikahan sederhana

![Thumbnail](/assets/images/banner.webp)

[![Netlify Status](https://api.netlify.com/api/v1/badges/cef32dbf-f26f-4865-84a9-b85a439c9994/deploy-status)](https://app.netlify.com/sites/ulems/deploys)

[![Hits](https://dikit.my.id/0b3y8q)](https://cie.my.id)

[![GitHub repo size](https://img.shields.io/github/repo-size/dewanakl/undangan?color=brightgreen)](https://shields.io)

[![GitHub License](https://img.shields.io/github/license/dewanakl/undangan?color=brightgreen)](https://shields.io)

## 🚀 Demo

Untuk kamu yang ingin melihat demo terlebih dahulu:

[https://ulems.my.id/?to=Teman teman semua](https://ulems.my.id/?to=Teman%20teman%20semua)

## 📦 Documentation

* Jalankan perintah `npm install`, lalu `npm run dev`, dan buka `http://localhost:8080`.

* Ubah isi file `index.html` sesuai keinginanmu.

* Jika tidak ingin menggunakan **fitur komentar**, hapus atribut `data-url` dan `data-key` di elemen `` pada index.html.

* Sesuaikan `data-url` pada `` di index dan dashboard sesuai dengan URL backend (jika kamu meng-hosting sendiri).

* Sesuaikan juga `data-key` di index dengan access key yang bisa kamu ambil dari dashboard.

* Jika ingin menggunakan GIF, dapatkan Tenor API key di [developers.google.com/tenor](https://developers.google.com/tenor/guides/quickstart).

* Untuk deployment, jalankan `npm run build:public`. Folder `public` adalah yang akan kamu upload.

* Untuk backend self-hosting, lihat penjelasan di bawah, atau gunakan **trial API** secara gratis.

> Undangan ini hanya menggunakan HTML, CSS, dan JavaScript biasa. NPM digunakan agar file JavaScript bisa langsung dieksekusi (bukan bertipe module lagi).

> Jika tetap ingin tanpa NPM, ubah `src="./dist/guest.js"` menjadi `src="./js/guest.js" type="module"` pada tag `` di index dan dashboard.html, dengan risiko glitch tema di awal loading.

> Jika kamu punya pertanyaan, gunakan fitur `discussions` agar bisa dibaca juga oleh teman-teman lainnya.

> [!WARNING]  

> Gunakan versi 3.14.0, untuk versi 4 masih tahap pengembangan dan berpotensi teredapat bug 🐛

## 🔥 Deployment API

- Video\

    otw

- Presentation

    [https://docs.google.com/presentation](https://docs.google.com/presentation/d/1EY2YmWdZUI7ASoo0f2wvU7ec_Yt0uZanYa8YLbfNysk/edit)

## ⏰ Trial API

Untuk kamu yang ingin mencoba secara gratis:

[https://trial.ulems.my.id](https://trial.ulems.my.id)

## ⚙️ Tech stack

- Bootstrap 5.3.8

- AOS 2.3.4

- Fontawesome 7.1.0

- Canvas Confetti 1.9.3

- Google Fonts

- Vanilla JS

## 🎨 Credit

All visual assets in this project are sourced from Pixabay.

## 🤝 Contributing

I'm very open to those of you who want to contribute to the undangan!

## 🐞 Security Vulnerabilities

If you find any security vulnerabilities in this undangan, please email DKL via [dewanakretarta29@gmail.com](mailto:dewanakretarta29@gmail.com).

## 📜 License

Undangan is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).