https://github.com/fatihycan/random-user-data
https://github.com/fatihycan/random-user-data
bootstrap css3 fetch-api html5 javascript
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/fatihycan/random-user-data
- Owner: FatihYcan
- Created: 2023-11-17T16:59:14.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-11T16:40:41.000Z (almost 2 years ago)
- Last Synced: 2025-05-26T20:43:23.363Z (about 1 year ago)
- Topics: bootstrap, css3, fetch-api, html5, javascript
- Language: JavaScript
- Homepage: https://fatihycan.github.io/Random-User-Data/
- Size: 381 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random User Data Display
This project is a simple web application that displays random user data using [Random User Generator API](https://randomuser.me/). It is developed using HTML, CSS and JavaScript and allows users to see a random profile.
## Features
- **Random User Profile Data**: Retrieves random user information from the API and displays it.
- **User Data**: Shows username, country, email and phone number information.
- **Responsive Design**: A responsive design is provided using Bootstrap.
- **Error Management**: In case of an error, the user is shown an error message and a 404 image.
## Technologies Used
- HTML5
- CSS3
- JavaScript
- Bootstrap
- Fetch API
# Random User Data Display
Bu proje, [Random User Generator API](https://randomuser.me/) kullanarak rastgele kullanıcı verilerini gösteren basit bir web uygulamasıdır. HTML, CSS ve JavaScript kullanılarak geliştirilmiştir ve kullanıcıların rastgele bir profil görmelerini sağlar.
## Özellikler
- **Rastgele Kullanıcı Profil Verileri**: API'den rastgele kullanıcı bilgileri alır ve ekrana getirir.
- **Kullanıcı Verileri**: Kullanıcı adı, ülke, e-posta ve telefon numarası bilgilerini gösterir.
- **Responsive Tasarım**: Bootstrap kullanılarak duyarlı bir tasarım sağlanmıştır.
- **Hata Yönetimi**: Hata durumunda kullanıcıya hata mesajı ve bir 404 görseli gösterilir..
## Kullanılan Teknolojiler
- HTML5
- CSS3
- JavaScript
- Bootstrap
- Fetch API
https://github.com/user-attachments/assets/75b800e2-a28c-4b9b-845b-7822136bf508
[Canlı Demo'yu Deneyin](https://fatihycan.github.io/Random-User-Data/)