{"id":22801665,"url":"https://github.com/learnwithsuryaa/porto","last_synced_at":"2025-03-30T19:46:04.975Z","repository":{"id":263432599,"uuid":"890385370","full_name":"LearnWithSuryaa/porto","owner":"LearnWithSuryaa","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-18T14:29:13.000Z","size":1822,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-05T22:34:06.727Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://suryaa.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LearnWithSuryaa.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-18T13:33:44.000Z","updated_at":"2024-11-18T14:29:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"547050ee-9ffe-474f-a82b-5bb5656b6854","html_url":"https://github.com/LearnWithSuryaa/porto","commit_stats":null,"previous_names":["learnwithsuryaa/porto"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LearnWithSuryaa%2Fporto","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LearnWithSuryaa%2Fporto/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LearnWithSuryaa%2Fporto/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LearnWithSuryaa%2Fporto/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LearnWithSuryaa","download_url":"https://codeload.github.com/LearnWithSuryaa/porto/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246372503,"owners_count":20766625,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-12T08:11:55.795Z","updated_at":"2025-03-30T19:46:04.941Z","avatar_url":"https://github.com/LearnWithSuryaa.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web Course Platform\n\nPlatform web interaktif yang dirancang untuk membantu mahasiswa memahami materi pemrograman secara mudah dan menyenangkan. Proyek ini menggunakan **Vite**, **React**, dan **Tailwind CSS** sebagai teknologi utama.\n\n---\n\n## ✨ Fitur\n- **Interaktif**: Antarmuka yang user-friendly untuk membantu pembelajaran mahasiswa.\n- **Responsif**: Dapat diakses melalui berbagai perangkat (desktop, tablet, dan ponsel).\n- **Modular**: Struktur kode yang mudah dikembangkan dan dipelihara.\n\n---\n\n## 📸 Tampilan Proyek\n\n![Tampilan Website](./src/assets/projek1.png)\n\n\u003e **Catatan:** Gambar di atas adalah antarmuka awal dari proyek ini. Bagian ini dapat diubah sesuai perkembangan proyek.\n\n---\n\n## 🚀 Teknologi yang Digunakan\n- **Vite**: Build tool modern untuk pengembangan front-end.\n- **React.js**: Library JavaScript untuk membangun UI yang dinamis.\n- **Tailwind CSS**: Framework CSS yang utility-first untuk desain cepat.\n- **PostCSS**: Untuk memproses CSS secara fleksibel.\n\n---\n\n## 📂 Struktur Proyek\nBerikut adalah struktur direktori utama dalam proyek ini:\n\n```plaintext\nporto/\n├── src/                # Source code utama\n├── public/             # File statis\n├── index.html          # Entry point aplikasi\n├── tailwind.config.js  # Konfigurasi Tailwind CSS\n├── postcss.config.js   # Konfigurasi PostCSS\n├── package.json        # Dependencies proyek\n└── vite.config.js      # Konfigurasi Vite\n```\n\n---\n\n## 🔧 Cara Menjalankan Proyek Secara Lokal\n\n1. **Clone repositori ini**:\n   ```bash\n   git clone https://github.com/LearnWithSuryaa/porto.git\n   cd porto\n   ```\n\n2. **Install dependencies**:\n   Pastikan Anda memiliki **Node.js** dan **npm** terinstal di sistem Anda.\n   ```bash\n   npm install\n   ```\n\n3. **Jalankan server pengembangan**:\n   ```bash\n   npm run dev\n   ```\n   Aplikasi akan berjalan di `http://localhost:5173`.\n\n4. **Build untuk produksi**:\n   ```bash\n   npm run build\n   ```\n   Hasil build akan tersimpan di folder `dist/`.\n\n---\n\n## 🌐 Deployment\n\nProyek ini dapat dengan mudah dideploy menggunakan platform seperti **Vercel** atau **Netlify**. Langkah-langkah untuk deploy menggunakan Vercel:\n\n1. Login ke [Vercel](https://vercel.com) dan buat akun.\n2. Hubungkan repository GitHub Anda ke Vercel.\n3. Pastikan konfigurasi build adalah:\n   - **Build Command**: `vite build`\n   - **Output Directory**: `dist`\n4. Klik **Deploy**.\n\n---\n\n## 🤝 Kontribusi\n\nKami sangat menyambut kontribusi dari Anda. Silakan ikuti langkah berikut untuk berkontribusi:\n\n1. Fork repository ini.\n2. Buat branch baru untuk fitur/bug Anda:\n   ```bash\n   git checkout -b fitur-anda\n   ```\n3. Commit perubahan Anda:\n   ```bash\n   git commit -m \"Menambahkan fitur baru\"\n   ```\n4. Push ke branch Anda:\n   ```bash\n   git push origin fitur-anda\n   ```\n5. Buat pull request di GitHub.\n\n---\n\n## 📜 Lisensi\nProyek ini dilisensikan di bawah [MIT License](LICENSE).\n\n---\n\n## 📬 Kontak\nJika Anda memiliki pertanyaan atau saran, silakan hubungi saya melalui [GitHub Issues](https://github.com/LearnWithSuryaa/porto/issues).\n\n---\n\nSemoga proyek ini bermanfaat bagi semua mahasiswa! 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flearnwithsuryaa%2Fporto","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flearnwithsuryaa%2Fporto","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flearnwithsuryaa%2Fporto/lists"}