Alfresko is an educational website that aims to promote tourist spots in the Philippines. This project contains educational content for each featured tourist spot, as well as games and random facts of some tourist destinations. The project was created as a requirement for Grade 12 students of STI College Novaliches to showcase their talents and skills aligned with their strand for the SHS ILS Expo 2023. The theme of the expo focuses on promoting the culture and traditions of the Philippines.
- Educational Articles: Each tourist spot has its own dedicated content, providing an overview or history of the location, highlighting its unique characteristics, and more.
- Virtual Tour: Users can explore the tourist spots without physically visiting them through our Virtual Tour feature. By utilizing Google Maps' Street View, users can virtually experience the ambiance and appearance of the tourist spots.
- 3D Map: We have developed a detailed 3D Map for two prominent tourist spots, Mayon Volcano and Taal Volcano. Users can immerse themselves in these virtual environments, exploring the volcanoes from various angles and interacting with them.
- Games: The website offers two engaging games, Jigsaw Puzzle and Word Hunt. Users can enjoy these games while simultaneously learning about different aspects of the tourist spots.
- Shop: Our website also features a shop where we promote and sell a variety of flavored drinks.
- For the best user experience, we highly recommend using Google Chrome when browsing our website.
- No login/registration data will be collected from users. All data processing related to this occurs locally in the user's browser.
- Firefox users may encounter an error when logging in or signing up. This issue cannot be resolved by us as it is a problem between IndexedDB and Firefox itself.
- IndexedDB was used for the implementation of the user authentication system. Therefore, we strongly advise against using this database to implement your own user authentication system. From a security standpoint, it is not highly recommended as user data is exposed in the user's local browser storage and may be prone to data leaks. We only used this as our client-side database since it was intended for offline or local use and for implementing an easy user authentication system.
- The Shop section of our website is only meant for people who will order our drinks from our physical location. We do not receive any order requests through our website. Implementing an actual ordering system for our shop is very unlikely to happen as it is beyond our ability and scope.
- Canva - For project logo
- Google's Material Symbols and Icons - For icons used in website
- Haikei, BGJar - For generating background SVGs
- https://en.wikipedia.org/wiki/Banaue_Rice_Terraces
- https://commons.wikimedia.org/wiki/File:Banaue-terrace.JPG#/media/File:Banaue-terrace.JPG
- https://unsplash.com/photos/J_iWPolX-LA
- https://unsplash.com/photos/UvyYT05Drv8
- https://unsplash.com/photos/_a1mNdnHE2E
- https://unsplash.com/photos/VdeQ4IHkYIc
- https://unsplash.com/photos/2FsniOcLPj8
- https://whc.unesco.org/en/documents/112012
- https://whc.unesco.org/en/documents/122343
- https://whc.unesco.org/en/documents/122346
- https://unsplash.com/photos/di6jbU-o3u4
- https://unsplash.com/photos/YsNgfJwUpxQ
- https://unsplash.com/photos/x9NyLLQc69g
- https://commons.wikimedia.org/wiki/File:Puerto_Princesa_Subterranean_River_Cave,_Stalactites,_Stalagmites,_Palawan,_Philippines.jpg#/media/File:Puerto_Princesa_Subterranean_River_Cave,_Stalactites,_Stalagmites,_Palawan,_Philippines.jpg
- https://www.vacationhive.com/Philippines-tourist-destination-El-Nido-vhy1jxxgKzW961/
- https://unsplash.com/photos/wpN3l6AtxkQ
- https://unsplash.com/photos/E1d8yze6p-s
- https://commons.wikimedia.org/wiki/File:View_from_rooftop_of_El_Nido_Beach_Hotel_-panoramio.jpg#/media/File:View_from_rooftop_of_El_Nido_Beach_Hotel-_panoramio.jpg
- https://www.tripadvisor.com.ph/Tourism-g294256-El_Nido_Palawan_Island_Palawan_Province_Mimaropa-Vacations.html#/media/294256/
- https://commons.wikimedia.org/wiki/File:Hundred_Island_National_Park,_Pangasinan.jpg#/media/File:Hundred_Island_National_Park,_Pangasinan.jpg
- https://www.visitphilippines.org/about-philippines/hundred-islands-national-park/
- https://ilovepangasinan.com/hundred-islands-national-park/
- https://commons.wikimedia.org/wiki/File:Mayon_Volcano_as_of_March_2020.jpg#/media/File:Mayon_Volcano_as_of_March_2020.jpg
- https://unsplash.com/photos/vK6E0xSLb9s
- https://unsplash.com/photos/o0UUVKNunoU
- https://commons.wikimedia.org/wiki/File:Mayon_Volcano_2013.jpg#/media/File:Mayon_Volcano_2013.jpg
- https://commons.wikimedia.org/wiki/File:The_Majesty.jpg#/media/File:The_Majesty.jpg
- https://guidetothephilippines.ph/articles/ultimate-guides/mayon-volcano-guide-albay-bicol
- https://commons.wikimedia.org/wiki/File:Pagsanjan_Falls.jpg#/media/File:Pagsanjan_Falls.jpg
- http://www.mikedtravelph.com/2015/08/weekend-getaway-pagsanjan-falls-aka.html
- https://www.discoverthephilippines.com/pagsanjan-falls/
- https://en.wikipedia.org/wiki/Taal_Volcano#Geography
- https://commons.wikimedia.org/wiki/File:Taal_Volcano_aerial_2013.jpg#/media/File:Taal_Volcano_aerial_2013.jpg
- https://commons.wikimedia.org/wiki/File:Volcanic_Cone_in_Taal_Lake_in_the_Philippines_-2010-05-15.jpg#/media/File:Volcanic_Cone_in_Taal_Lake_in_the_Philippines-_2010-05-15.jpg
- https://unsplash.com/photos/4PJ_kq1CJ6M
- https://unsplash.com/photos/5_E6W06YQfQ
- https://unsplash.com/photos/qDVOuo3kA3M
- https://volcano.si.edu/volcano.cfm?vn=273070
- https://guidetothephilippines.ph/destinations-and-attractions/taal-volcano
- https://www.nationalmuseum.gov.ph/about-us/history/
- https://www.nationalmuseum.gov.ph/our-museums/national-museum-of-fine-arts/
- https://commons.wikimedia.org/wiki/File:Senate_Hall_of_the_National_Museum_of_the_Philippines.JPG#/media/File:Senate_Hall_of_the_National_Museum_of_the_Philippines.JPG
- https://www.tripadvisor.com.ph/Attraction_Review-g298573-d310887-Reviews-National_Museum-Manila_Metro_Manila_Luzon.html#/media-atf/310887/691930735:p/?albumid=-160&type=0&category=-160
- https://en.wikipedia.org/wiki/Rizal_Park
- https://commons.wikimedia.org/wiki/File:Rizal_Park_Front_View.jpg#/media/File:Rizal_Park_Front_View.jpg
- https://www.tripadvisor.com.ph/Attraction_Review-g298573-d310891-Reviews-Rizal_Park-Manila_Metro_Manila_Luzon.html
- https://commons.wikimedia.org/wiki/File:Manila_Cathedral_exterior_2023-03-05.jpg#/media/File:Manila_Cathedral_exterior_2023-03-05.jpg
- https://commons.wikimedia.org/wiki/File:Plaza_San_Luis_Complex,2018(01).jpg#/media/File:Plaza_San_Luis_Complex,2018(01).jpg
- https://commons.wikimedia.org/wiki/File:The_Fort_Santiago_1.jpg#/media/File:The_Fort_Santiago_1.jpg
- https://commons.wikimedia.org/wiki/File:Plaza_Roma,_Intramuros,_Manila,_February_2023.jpg#/media/File:Plaza_Roma,_Intramuros,_Manila,_February_2023.jpg
- https://www.tripadvisor.com.ph/Attraction_Review-g298573-d548076-Reviews-Intramuros-Manila_Metro_Manila_Luzon.html#/media-atf/548076/?albumid=-160&type=0&category=-160
.jpg#/media/File:Plaza_San_Luis_Complex,_2018_(01).jpg){kind=link}
- https://unsplash.com/@aldrinbrooow
- https://unsplash.com/@realxroland
- https://unsplash.com/@imshing
- https://unsplash.com/@renesansz
- https://unsplash.com/@brettandrei
- https://unsplash.com/@rserran0203
- https://commons.wikimedia.org/wiki/File:Boracay_White_Beach.png#/media/File:Boracay_White_Beach.png
- https://unsplash.com/photos/_mEuPiaz8pU
- https://unsplash.com/photos/laFlFn9eWkQ
- https://unsplash.com/photos/BtCaPpajwBo
- https://unsplash.com/photos/iSwzfjgD3uU
- https://unsplash.com/photos/PyyK898UZLA
- https://commons.wikimedia.org/wiki/File:Boracay_Island,Philippines-_panoramio.jpg#/media/File:Boracay_Island,Philippines-_panoramio.jpg
- https://commons.wikimedia.org/wiki/File:The_Ruins_in_Talisay,_Negros_Occidental.jpg#/media/File:The_Ruins_in_Talisay,_Negros_Occidental.jpg
- https://commons.wikimedia.org/wiki/File:The_Ruins_in_Talisay,_Negros_Occidental_at_Dusk.jpg#/media/File:The_Ruins_in_Talisay,_Negros_Occidental_at_Dusk.jpg
- https://en.wikipedia.org/wiki/The_Ruins_(mansion)
- https://philippinescities.com/bacolod-city-negros-occidental/destinations/the-ruins-taj-mahal-of-negros/
- https://www.tripadvisor.com.ph/Attraction_Review-g7127836-d1918955-Reviews-The_Ruins-Talisay_Negros_Occidental_Negros_Island_Visayas.html#/media-atf/1918955/436835649:p/?albumid=-160&type=0&category=-160
- https://theruins.com.ph/our-story/
- https://goo.gl/maps/m6TkLwcHfwL9ViwF8
- https://thetraveldeck.com/red-rock-hot-springs-valencia-dumaguete-tourist-attractions/
- https://www.nopostcode.com/red-rock-hot-spring-valencia/
- https://www.tripadvisor.com.ph/Attraction_Review-g3600145-d8040592-Reviews-Red_Rock_Hot_Springs-Valencia_Negros_Oriental_Negros_Island_Visayas.html
- https://www.tripadvisor.com.ph/Attraction_Review-g298466-d6416200-Reviews-Casa_Mariquit-Iloilo_City_Iloilo_Province_Panay_Island_Visayas.html#/media-atf/6416200/277240918:p/?albumid=-160&type=0&category=-160
- https://en.wikipedia.org/wiki/Casa_Mariquit
- https://primer.com.ph/travel/2017/12/24/casa-mariquit-in-iloilo/
- https://commons.wikimedia.org/wiki/File:Salagdoong_Beach_(33902274772).jpg#/media/File:Salagdoong_Beach_(33902274772).jpg
- https://commons.wikimedia.org/wiki/File:St._Francis_of_Assisi_Church_Belfry.jpg#/media/File:St._Francis_of_Assisi_Church_Belfry.jpg
- https://commons.wikimedia.org/wiki/File:Cambugahay_Falls_01.JPG#/media/File:Cambugahay_Falls_01.JPG
- https://commons.wikimedia.org/wiki/File:Lazi_Old_Convent.jpg#/media/File:Lazi_Old_Convent.jpg
.jpg#/media/File:Salagdoong_Beach_(33902274772).jpg){kind=link}
- https://goo.gl/maps/Fmgtopfc3rSoyUA1A
- https://www.jonnymelon.com/hinagdanan-cave-bohol-panglao/
- https://commons.wikimedia.org/wiki/File:Hinagdanancave.jpg#/media/File:Hinagdanancave.jpg
- http://www.boholtourismph.com/hinagdanan-cave/
- https://www.tripadvisor.com.ph/Attraction_Review-g1220535-d646034-Reviews-Hinagdanan_Cave-Dauis_Panglao_Island_Bohol_Province_Visayas.html#/media-atf/646034/630452855:p/?albumid=-160&type=0&category=-160
- https://www.loveeatwander.com/hinagdanan-cave-bohol-travel-guide/
- https://commons.wikimedia.org/wiki/File:Aliwagwag_Falls,_2018_01.jpg#/media/File:Aliwagwag_Falls,_2018_01.jpg
- https://commons.wikimedia.org/wiki/File:Aliwagwag_Falls_Protected_Landscape.jpg#/media/File:Aliwagwag_Falls_Protected_Landscape.jpg
- https://www.tripadvisor.com.ph/Attraction_Review-g11801502-d2005399-Reviews-Aliwagwag_Falls-Cateel_Davao_Oriental_Mindanao.html
- https://commons.wikimedia.org/wiki/File:Siquijor_Church_2.jpg#/media/File:Siquijor_Church_2.jpg
- https://commons.wikimedia.org/wiki/File:Sailing_the_Sun.jpg#/media/File:Sailing_the_Sun.jpg
- https://commons.wikimedia.org/wiki/File:LakeSebuSunset_01.jpg#/media/File:LakeSebuSunset_01.jpg
- https://commons.wikimedia.org/wiki/File:Lake_Sebu_(from_Punta_Isla).JPG#/media/File:Lake_Sebu_(from_Punta_Isla).JPG
- https://commons.wikimedia.org/wiki/File:Lake_Sebu.JPG#/media/File:Lake_Sebu.JPG https://commons.wikimedia.org/wiki/File:The_picturesque_view_of_Lake_Sebu..JPG#/media/File:The_picturesque_view_of_Lake_Sebu..JPG
- https://commons.wikimedia.org/wiki/File:Boating_at_Lake_Sebu.jpg#/media/File:Boating_at_Lake_Sebu.jpg
- https://unsplash.com/photos/Ia-8SCF62yg
- https://www.tripadvisor.com.ph/Attraction_Review-g661417-d338277-Reviews-Lake_Sebu-Cotabato_City_Maguindanao_Mindanao.html#/media-atf/338277/?albumid=-160&type=0&category=-160
- https://thehappytrip.com/2016/12/lake-sebu-travel-guide/
.JPG#/media/File:Lake_Sebu_(from_Punta_Isla).JPG){kind=link}
- https://commons.wikimedia.org/wiki/File:Mount_Apo_Rainforest.jpg#/media/File:Mount_Apo_Rainforest.jpg
- https://commons.wikimedia.org/wiki/File:Mount_Apo.JPG#/media/File:Mount_Apo.JPG
- https://commons.wikimedia.org/wiki/File:Mt_Apo_Twin_Peaks.jpg#/media/File:Mt_Apo_Twin_Peaks.jpg
- https://unsplash.com/photos/eeuDLqCCZp0
- https://unsplash.com/photos/KbARKec-eic
- https://unsplash.com/photos/vP2KQufKlW0
- https://www.tripadvisor.com.ph/Attraction_Review-g2141059-d3369351-Reviews-Lake_Agco-Kidapawan_Cotabato_Province_Mindanao.html
- https://lakingdavao.wordpress.com/2019/01/02/lake-agco-of-kidapawan-city-therapeutic-place/
- https://commons.wikimedia.org/wiki/File:Mount_Hibok_Hibok.jpg#/media/File:Mount_Hibok_Hibok.jpg
- https://en.wikipedia.org/wiki/File:Hibok-hibok_Volcano_and_Mt._Vulcan.jpg#/media/File:Hibok-hibok_Volcano_and_Mt._Vulcan.jpg
- https://en.wikipedia.org/wiki/Mount_Hibok-Hibok#/media/File:Hibok-Hibok_Volcano_Summit.jpg
- https://www.tripadvisor.com.ph/Attraction_Review-g701653-d2140500-Reviews-Mt_Hibok_Hibok-Camiguin_Mindanao.html#/media-atf/2140500/?albumid=-160&type=0&category=-160
- https://en.wikipedia.org/wiki/Mount_Hibok-Hibok
- https://volcano.oregonstate.edu/hibok-hibok
- https://commons.wikimedia.org/wiki/File:Pasonaca_Main_Pool1.JPG#/media/File:Pasonaca_Main_Pool1.JPG
- https://commons.wikimedia.org/wiki/File:Pasonaca_Main_Pool2.JPG#/media/File:Pasonaca_Main_Pool2.JPG
- https://commons.wikimedia090.org/wiki/File:Jardin_Maria_Clara_Llobregat_(1).JPG#/media/File:Jardin_Maria_Clara_Llobregat_(1).JPG
- https://commons.wikimedia.org/wiki/File:Jardin_Maria_Clara_Llobregat_(3).JPG#/media/File:Jardin_Maria_Clara_Llobregat_(3).JPG
- https://commons.wikimedia.org/wiki/File:Jardin_Maria_Clara_Llobregat_(12).JPG#/media/File:Jardin_Maria_Clara_Llobregat_(12).JPG
- https://commons.wikimedia.org/wiki/File:Jardin_Maria_Clara_Llobregat_(17).JPG#/media/File:Jardin_Maria_Clara_Llobregat_(17).JPG
- https://commons.wikimedia.org/wiki/File:Pasonaca_Main_Pool3.JPG#/media/File:Pasonaca_Main_Pool3.JPG
- https://en.wikipedia.org/wiki/Pasonanca_Park
.JPG#/media/File:Jardin_Maria_Clara_Llobregat_(1).JPG){kind=link}
.JPG#/media/File:Jardin_Maria_Clara_Llobregat_(3).JPG){kind=link}
.JPG#/media/File:Jardin_Maria_Clara_Llobregat_(12).JPG){kind=link}
.JPG#/media/File:Jardin_Maria_Clara_Llobregat_(17).JPG){kind=link}
- https://commons.wikimedia.org/wiki/File:Tinuy-an_Falls,_Bislig_City,_Philippines.jpg#/media/File:Tinuy-an_Falls,_Bislig_City,_Philippines.jpg
- https://commons.wikimedia.org/wiki/File:Tinuy-an_Falls,_Bislig_City.jpg#/media/File:Tinuy-an_Falls,_Bislig_City.jpg
- https://www.tripadvisor.com.ph/Attraction_Review-g1956921-d1955694-Reviews-Tinuy_an_Falls-Bislig_Surigao_del_Sur_Province_Mindanao.html#/media-atf/1955694/269644255:p/?albumid=-160&type=0&category=-160
- https://en.wikipedia.org/wiki/Tinuy-an_Falls
- https://www.lakwatsero.com/spots/tinuy-an-falls-bislig/
- https://www.tripadvisor.com.ph/Attraction_Review-g1600277-d2005404-Reviews-Monfort_Bat_Sanctuary-Samal_Island_Davao_del_Norte_Province_Mindanao.html#/media-atf/2005404/356425701:p/?albumid=-160&type=0&category=-160
- https://www.samalguide.com/activities/monfort-bat-cave/#prettyPhoto
- https://en.wikipedia.org/wiki/Monfort_Bat_Sanctuary
- https://www.philippinetraveler.com/monfort-bat-cave-samal-philippines/
- Luzon in Philippines.svg
- Visayas in Philippines.svg
- Mindanao in Philippines.svg
- Image of Maria Cristina Falls in Jigsaw Puzzle game | Waterfalls in the middle of green plants
- Initial background image of homepage | Photo by Rabih Shasha on Unsplash
- Background image of Games page | Prehistoric landscape, cartoon scenery background
- Background image of Word Hunt game | Brown wooden blocks with numbers
- Image of Berry Delicious drink | INSTANT CREAMY STRAWBERRY JELLY TAPIOCA DRINK
- Image of Hot Beans drink | https://www.primalpalate.com/paleo-recipe/coffee-jelly-almond-milk-tea/
- Image of Mangifera drink | https://www.foxyfolksy.com/mango-jelly/
- Image of Pandalicious drink | https://flouredframe.com/buko-pandan/
- Background video in homepage | Video by Muhammad Faiz Rasid from Pixabay
