Random User App

This project is a simple random user application made using React.js and Bootstrap. It retrieves random user data using the Randomuser.me API and provides various information to the user.

Features

• Random User Display: The application retrieves random user information from the Randomuser.me API and displays it to users.
• Showing User Information: Users can view information such as the user's name, e-mail address, age, address, phone number and password by hovering over the icons.
• Getting a New User: Users can get a new random user data by clicking the New User button.
• Adding User: Users can add the current user to the list by clicking the Add User button.
• Listing User Information: The information of the added users is displayed in a table, so users can easily follow the information of the added people.
• Cannot Be Added Again Warning: When a user who has previously been added to the table is tried to be added again, a warning message is displayed on the screen with SweetAlert2.
• Loading Screen: 'Loading' text is displayed while the page is loading or new user information is retrieved.

Technologies

• HTML5
• CSS3
• Javascript
• React
• Bootstrap
• Axios
• SweetAlert2
• Randomuser.me API

Random User App

Bu proje, React.js ve Bootstrap kullanarak yapılmış basit bir rastgele kullanıcı uygulamasıdır. Randomuser.me API'sini kullanarak rastgele kullanıcı verilerini alır ve kullanıcıya çeşitli bilgiler sunar.

Özellikler

• Rastgele Kullanıcı Görüntüleme: Uygulama, Randomuser.me API'sinden rastgele kullanıcı bilgilerini alarak kullanıcılara gösterir.
• Kullanıcı Bilgilerini Gösterme: Kullanıcılar, iconların üstüne gelerek kullanıcının adı, e-posta adresi, yaşı, adresi, telefonu ve şifresi gibi bilgileri görüntüleyebilirler.
• Yeni Kullanıcı Getirme: Kullanıcılar, New User butonuna tıklayarak yeni bir rastgele kullanıcı verisi alabilirler.
• Kullanıcı Ekleme: Kullanıcılar, Add User butonuna tıklayarak mevcut kullanıcıyı listeye ekleyebilirler.
• Kullanıcı Bilgilerini Listeleme: Eklenen kullanıcıların bilgileri bir tablo şeklinde görüntülenir, böylece kullanıcılar eklenen kişilerin bilgilerini kolayca takip edebilirler.
• Tekrar Eklenemez Uyarısı: Tabloya daha önce eklenmiş bir kullanıcı tekrar eklenmeye çalışıldığında, SweetAlert2 ile ekrana bir uyarı mesajı gösterilir.
• Loading Ekranı: Sayfa yüklenirken veya yeni kullanıcı bilgileri çekilirken "Loading" yazısı gösterilir.

Teknolojiler

• HTML5
• CSS3
• Javascript
• React
• Bootstrap
• Axios
• SweetAlert2
• Randomuser.me API

ran.user.mp4

Live