/RandomUserGenerator_API

Created a random user generator using html/css/vanillaJS connected to this api: https://randomuser.me/

Primary LanguageHTML

User Profile Display App

Overview

This app showcases a simple application that interacts with the Random User Generator API to display multiple user profiles. Inspired by Random User Generator.

Features

  • Dynamic User Loading: Load user profiles dynamically from the API.
  • Adjustable User Count: Default load of 10 profiles, adjustable as per need.
  • More Users Loading: Option to load more profiles, filterable by gender.
  • User Deletion: Functionality to delete individual user cards.
  • Filters: Users can filter profiles by gender or nationality.
  • Language Toggle: Switch between English and French.

Design & Implementation Decisions

  • No Framework: Chose vanilla HTML, CSS, and JavaScript for simplicity and to focus on fundamental skills.
  • Simple Design: User-friendly interface mirroring Random User Generator's style.
  • Algorithmic Focus: Emphasized on fetching, displaying data from API, and interactive features.

Running the Project

  1. Clone or download the source code.
  2. Open index.html in a modern web browser.

No extra setup or dependencies needed.

Further Development

Possible future enhancements include advanced filtering options, responsive design, and more API integrations.


Feedback and questions are welcome during the interview.