Introduction to Internet Technology (UKM Website)

This project was generated with Angular CLI version 8.3.8. My final project for Introduction to Internet Technology course in my university. Programmed with Angular 8, this project is designed to make API calls and display them in the form of a web page.

Notes

• As this project is generated with Angular 8, as of the time I'm updating this (28/07/2020), I believe it has security vulnerabilities (from Angular itself) that I cannot be bothered to fix, as I have to update this to Angular 10. Please be sure and only use this for educational purposes and not in production!

Architecture & Philosophies

• HTML, CSS, JavaScript, jQuery, JSON, and Angular.
• Usage of frameworks like Bootstrap in later weeks.
• Usage of coding concepts like Object Oriented Programming, and Functions.
• Coded in a Windows 64-bit environment.
• Coded in Indonesian - some with English.
• The API is from this website: https://umn-pti2019.herokuapp.com.

Concepts

• Reseponsive Web Design
• Fully Interactive Design (Keyframes, Animations, etc.)
• Object Oriented Programming
• JSON
• Angular 8

Disclaimer

All of the images was gathered at unsplash.com and pexels.com, both are free photo-sharing websites. All of the images there are free to use for commerical or educational usage.

Contribution

If you have any ideas for a design or an algorithm regarding these websites, feel free to post a pull request.

Development Server

Use npm i to install the node modules for this website. Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code Scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running Unit Tests

Run ng test to execute the unit tests via Karma.

Running End to End Test

Run ng e2e to execute the end-to-end tests via Protractor.

Further Help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Changelog

Version 2.0 (Final Release) - 23/12/2019

• Changed from laboratory assignments to final project assignment
• Updated the README.md

Version 1.0 (Initial Release) - 11/09/2019

• Initial Release
• Updated the README.md.