Skip to content

bharath-123kumar/react-user-profiles-basic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“Œ ReactJS Frontend Developer Assignments

This repository contains two ReactJS assignments developed as part of the Simplyfi Softech Frontend Developer test.


πŸš€ Assignments Overview

1️⃣ Assignment 1 – Profile Basic (Bootstrap)

  • Fetches user data from: https://jsonplaceholder.typicode.com/users
  • Generates user avatars using DiceBear API
  • Displays user profiles in Bootstrap cards
  • Shows a loading spinner while fetching data
  • Desktop-only design

πŸ”— Live Demo: Assignment 1 Demo
πŸ“‚ Code Repo: Assignment 1 Repo


2️⃣ Assignment 2 – Profile Advanced (Ant Design)

  • Fetches user data from: https://jsonplaceholder.typicode.com/users
  • Generates unique avatars using DiceBear API
  • Displays profiles in Ant Design Cards
  • Fully responsive (mobile, tablet, desktop)
  • Includes Edit functionality using Ant Design Modal + Form
  • Demonstrates state management and lifting state up

πŸ”— Live Demo: Assignment 2 Demo
πŸ“‚ Code Repo: Assignment 2 Repo


πŸ› οΈ Tech Stack

  • ReactJS (Create React App)
  • Bootstrap 5 (Assignment 1)
  • Ant Design (Assignment 2)
  • REST API for user data
  • DiceBear Avatars API for profile pictures
  • Vercel for deployment

πŸ“¦ Installation & Setup

Clone Repos

git clone https://github.com/bharath-123kumar/profile-basic.git
git clone https://github.com/bharath-123kumar/profile-advanced.git

Releases

No releases published

Packages

No packages published