Quran Reader Web
Lightweight Quran reading app. Search by surah name or number, mobile last-read bookmark, auto-scroll.
This project was made for my learning purpose. At my current company, I had to challenge myself to learn the company's tech stack. With only my bootcamp knowledge and school background, I couldn't understand the company's code. So I decided to learn by building small projects.
The features are simple: fetch from API and display on the web page. Users can search surah by verse name or number, and copy verses. I added extra features for mobile: last-read surah bookmark (from my dad's idea) and auto-scroll to the last read position.
Through this project, I learned how the front-end tech at my company works, initializing a React project, consuming APIs, rendering pages, and project structure. It's definitely not clean code, I just threw code together with a "if it works, don't touch it" mentality, but it was a crucial learning step.
Proyek ini dibuat untuk belajar. Di perusahaan saat ini, saya menantang diri mempelajari stack teknologi yang digunakan perusahaan. Dengan bekal bootcamp dan sekolah, saya belum memahami codebase perusahaan, jadi saya belajar dengan membangun proyek-proyek kecil.
Fiturnya sederhana: mengambil data dari API dan menampilkannya di halaman web. Pengguna dapat mencari surah berdasarkan nama atau nomor ayat dan menyalin ayat. Saya menambahkan fitur untuk mobile berupa bookmark surah terakhir dibaca dan auto-scroll ke posisi terakhir.
Melalui proyek ini, saya belajar cara kerja teknologi front-end di perusahaan, menginisialisasi proyek React, menggunakan API, merender halaman, dan menyusun proyek. Kodenya belum rapi, tetapi menjadi langkah belajar yang penting.