Coder Social home page Coder Social logo

overall-phase-1-project's Introduction

Overall-Phase-1-Project

World Universities List

Introduction

I'm required to write a program that aims to provide a user-friendly interface to browse a list of universities worldwide. Users can filter universities by name and state/province, and visit their websites directly from the interface.

How to Use

  1. Visit "https://github.com/7Unfazed/Overall-Phase-1-Project" to access the repository
  2. Clone the repository to your local machine.
  3. Open the index.html file in a web browser.
  4. Interact with the interface to explore universities and their websites.
  5. When filtering, Enter the name or state/province of the university in the corresponding input fields to filter the list dynamically. The table will update in real-time based on the entered filter criteria.
  6. Click on the "Website" button corresponding to each university entry to visit the university's website in a new tab.
  7. Click on the "Add University" button to be taken to the form where you can add a University to the table and to the API.
  8. Click on the "To The Top" button to be taken to the top of the page.

Implementation Details

The application fetches university data from a JSON file hosted on GitHub using the Fetch API. Upon loading, the application populates a table with university data fetched from the JSON file. Users can filter universities by name and state/province using the input fields provided.Each university entry in the table includes a "Website" button, which allows users to visit the university's website directly.The interface is designed to be responsive and accessible on various devices.

Technologhies Used

  1. HTML-Markup language for structuring the web page.
  2. CSS-Stylesheet language for styling the web page.
  3. JavaScript-Programming language for implementing dynamic functionality.
  4. Fetch API-Web API used for fetching data asynchronously.
  5. GitHub Pages-Hosts the JSON file containing university data.

Credit

University data sourced from Hipo's "World University List".

Author

This demerit World University program was created by Elvis Moses.

overall-phase-1-project's People

Contributors

7unfazed avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.