Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tobyg74/trashify
Tugas Akhir Pemrograman Web Dasar
https://github.com/tobyg74/trashify
tailwind-css tailwindcss
Last synced: 6 days ago
JSON representation
Tugas Akhir Pemrograman Web Dasar
- Host: GitHub
- URL: https://github.com/tobyg74/trashify
- Owner: TobyG74
- License: mit
- Created: 2024-12-17T01:40:17.000Z (12 days ago)
- Default Branch: master
- Last Pushed: 2024-12-20T10:48:19.000Z (8 days ago)
- Last Synced: 2024-12-20T11:30:25.009Z (8 days ago)
- Topics: tailwind-css, tailwindcss
- Language: HTML
- Homepage: https://tugaspwd.netlify.app/
- Size: 1.38 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Trashify
## Deskripsi
Website ini dibuat untuk memenuhi tugas akhir mata kuliah Pemrograman Web Dasar
## Demo
[](https://tugaspwd.vercel.app/)
## Anggota Kelompok
- Tobi Saputra - 202243502612
- Azizan Ramadhan - 202243502583
- Muhammad Iihab Wahyudin - 202243502636
- Muhammad Zulfahmi - 202243502609
- Muhammad Habib Hendrawan - 202243502635
- Meirgy Satria Nugroho - 202243502585
- Achmad Kevin Arigi - 202243502584
## Deskripsi
Trashify adalah sebuah aplikasi web yang bertujuan untuk mempermudah pengelolaan sampah di lingkungan sekitar. Aplikasi ini memungkinkan pengguna untuk memantau jumlah sampah yang dihasilkan, memantau jumlah sampah yang sudah terkumpul, dan memantau jumlah sampah yang sudah didaur ulang. Selain itu, pengguna juga dapat melihat informasi mengenai sampah yang dihasilkan, sampah yang sudah terkumpul, dan sampah yang sudah didaur ulang.
## Apa yang digunakan?
- [Tailwind CSS](https://tailwindcss.com/): Untuk styling aplikasi web
- [Node.js](https://nodejs.org/): Untuk menjalankan aplikasi web
## CDN yang digunakan?
- [Remix Icon](https://remixicon.com/): Untuk icon-icon yang digunakan pada aplikasi
- [Scroll Reveal](https://scrollrevealjs.org/): Untuk membuat efek animasi saat scroll
- [Typed.js](https://mattboldt.com/demos/typed-js/): Untuk membuat efek mengetik pada halaman utama / beranda
- [Swiper.js](https://swiperjs.com/): Untuk membuat slider pada halaman blog
## Editor yang digunakan?
- [Visual Studio Code](https://code.visualstudio.com/): Untuk menulis kode program
- [Canva](https://www.canva.com/): Untuk membuat desain-desain seperti logo, banner, vector, dll
- [GetWaves.io](https://getwaves.io/): Untuk membuat desin waves / ombak pada halaman utama / beranda untuk mempercantik tampilan
- [Unsplash](https://unsplash.com/): Untuk mencari gambar-gambar yang berkualitas tinggi
- [Blobmaker](https://www.blobmaker.app/): Untuk membuat desain blob pada halaman utama / beranda
- [SVG Backgrounds](https://www.svgbackgrounds.com/): Untuk membuat desain background pada halaman blog
## Cara menjalankan aplikasi?
### Clone Repository
```bash
git clone https://github.com/TobyG74/tugas-akhir-pwd
```
### Install Dependencies
```bash
npm install
```
### Menjalankan Aplikasi
```bash
npm run watch
```
## License
Project ini dilisensikan di bawah MIT Lisensi. Lihat [LICENSE](https://github.com/TobyG74/tugas-akhir-pwd/blob/master/LICENSE) untuk informasi lebih lanjut.