A simple web application that fetches and displays universities by name or country using the HipoLabs Universities API.
The HipoLabs API uses http://
, which may cause network errors when testing on HTTPS environments (like GitHub Pages). For local development, most browsers allow mixed content, but for production, consider:
- Using a proxy service
- Requesting HTTPS support from the API provider
- Running a local backend to fetch data
For quick testing during development only:
- Visit the deployed page (e.g., University Search)
- Click the 🔒 lock icon in your browser's address bar
- Select "Site settings" → "Permissions"
- Under "Insecure content", change to "Allow" (Chrome) or equivalent in other browsers
- Refresh the page
- 🔍 Search by university name or country
- 🚦 Input validation (shows errors for empty queries)
- 🛠️ Error handling (network issues, no results, etc.)
- 🗑️ Clear button (auto-disables when list is empty)
- Enter a college name or country in the input field.
- Results appear as a list (
<li>
elements). - Use the Clear button to reset the list.
- Async/Await for API calls (
axios.get
) - Dynamic UI updates (
checkClear()
manages button state) - User-friendly error messages
https://github.com/Hipo/university-domains-list-api