https://github.com/fikri-rouzan/patriot

Final Project for the Intro to Internet Technology Course.
https://github.com/fikri-rouzan/patriot

animatecss animateonscroll bootstrap css javascript react react-router reactbootstrap swiper vite

Last synced: about 1 month ago
JSON representation

Final Project for the Intro to Internet Technology Course.

• Host: GitHub
• URL: https://github.com/fikri-rouzan/patriot
• Owner: Fikri-Rouzan
• License: mit
• Created: 2025-01-04T09:50:54.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-08-04T07:26:57.000Z (9 months ago)
• Last Synced: 2025-10-26T22:18:44.615Z (7 months ago)
• Topics: animatecss, animateonscroll, bootstrap, css, javascript, react, react-router, reactbootstrap, swiper, vite
• Language: JavaScript
• Homepage: https://patriot-website.netlify.app
• Size: 2.05 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Patriot

## ℹ️ About

Patriot is a digital platform honoring the legacy of Indonesia's national heroes. We aim to educate a new generation by sharing comprehensive stories of their struggles and sacrifices, from the Dutch and Japanese colonial periods through the post-independence era.

## ✨ Features

- 🔍 **Filter by Period:** Users can explore the list of heroes by specific eras, such as the Dutch colonial, Japanese colonial, and post-independence periods, or view all heroes at once.

- 🛡️ **Hero Profiles:** Each hero has a detailed profile page with a biography and key information. A direct link to Wikipedia is provided for users who wish to conduct further reading.

- ❓ **FAQ Section:** A dedicated section answers frequently asked questions about Indonesian heroes and their history.

- 📝 **Interactive Quiz:** Users can test their knowledge about Indonesian heroes through a series of interactive quizzes.

## 🛠️ Technologies Used

- 🌐 **Programming Language:** JavaScript.

- 🎨 **Stylesheet Language:** CSS.

- 🧩 **Framework:** Bootstrap.

- ⚛️ **Libraries:** React, React Router, React Bootstrap, Swiper, Animate.css, and AOS.

- ⚡ **Tool:** Vite.

- 💻 **Software:** Visual Studio Code.

- 🚀 **Deployment:** Netlify.