Visoko učilište Algebra - Web stranica

Projektni zadatak nalaže da se kreira internetska stranica koja prezentira Visoko učilište Algebru.

---

Instalacija

Zahtjevi sustava

• "browserify": "^16.2.2"
• "jquery": "^3.4.1"
• "navigo": "^7.1.2"
• "sweetalert2": "^9.5.4"
• "tippy.js": "^5.1.2"
• "typewriter-effect": "^2.12.2"
• "watchify": "^3.11.1"
• "babel-core": "^6.26.3"
• "babel-preset-es2015": "^6.24.1"
• "babelify": "^8.0.0"
• "micromodal": "^0.4.2"

Pokretanje projekta

1. Postavljanje okruženja $ npm install

2. Pokretanje web servera $ npm run server

3. U slučaju izmjena automatsko buildanje projekta $ npm run watch

4. U slučaju buildanja projekta $ npm run build

---

Zadaci

ROOT

• Kreirati strukturu foldera
• Podesiti: browserify, jquery, navigo, typewriter, tippy, watchify, babel, babelify
• Kreirati router (Početna stranica, O nama, Novosti, Nastavni plan)
• Kreirati dokumentaciju

GLOBAL

• Izbornik traka (Početna stranica, O nama, Novosti, Nastavni plan) #imati na umu da je traka position: fixed
• Kreirati jednostavan footer
• Dodati Animte.css i napisati skriptu za primjenu na vidljive elemente tijekom scroll-a
• Dodati gradiente koje koristi Algebra
• Dodati novosti u JSON
• Kreirati prikaz novosti na footer-u

NASLOVNA STRANICA

• Dodati video
• Dodati efekt pisanja na naslovnu
• Dodati basic opise o Algebri
• Dodati efekte animate.css

O NAMA STRANICA

• Dodati pod-menu
• Dodati sekcije: naše vrijednosti, povijest, algebra grupa, kako do nas
• Dodati google maps

NOVOSTI STRANICA

• Napraviti JSON sa novostima
• Dohvaćanje novosti iz JSON-a

NOVOST STRANICA

• Proslijediti na frontend naslov, tekst, datum, slika, videa

NASTAVNI PLAN STRANICA

• Dodati pretragu
• Dodati tablicu
• Omogućiti autocomplete
• Dohvatiti podatke (GET API)
• Dodavanje kolegija
• Brisanje kolegija

KONTAKT MODAL

• Dodati modal plugin
• Slanje forme
• Post na API