Swastik Das

MediCore is a modern healthcare management web application designed to simplify hospital operations and improve patient experience. The system is divided into two main modules:

• Admin Panel (Redux Toolkit) → Manages system data and workflows
• User Panel (TanStack Query) → Provides a smooth experience for patients

The project demonstrates two different state management approaches:

• Redux Toolkit for centralized, global state control
• TanStack Query for efficient server-state fetching, caching, and synchronization

 Admin Panel (Redux Toolkit)

 Description

The Admin Panel is a dashboard-driven interface that allows administrators to manage doctors, departments, and appointments efficiently using centralized state management with Redux Toolkit.

 Key Features

•  Doctor management (Add, Update, Delete)
•  Department management
•  Appointment handling (Accept/Reject requests)
•  Search and filtering functionality
•  Tabular dashboard UI

 Tech Focus

• Used Redux Toolkit (Slices + Async Thunks) for handling global state and API calls
• Managed complex state like doctor lists, departments, and appointments centrally
• Ensured predictable state updates and scalable architecture

 User Panel (TanStack Query)

 Description

The User Panel is a patient-facing application designed for browsing doctors and booking appointments, optimized using TanStack Query for server-state management.

 Key Features

• 🔎 Browse and search doctors
• 📅 Book appointments with date selection
• 📋 Track appointment status
• ⚡ Fast and responsive UI updates

 Tech Focus

• Used TanStack Query (React Query) for:
  • Data fetching
  • Caching
  • Background refetching
  • Automatic synchronization with server
• Reduced manual state handling compared to Redux
• Improved performance with optimized API calls

CRUD Application is a hands-on React application that explores the power and flexibility of React Hooks. Built with React and Vite, this project emphasizes:

• State management with useState

• Side effect handling with useEffect

• Reusability with custom hooks

• A clean functional component structure

• Efficient and declarative front-end coding patterns

This project serves as a practical demonstration of modern React development workflows and best practices for building scalable UI logic.

GitHub Profile Viewer is a dynamic React application that allows users to input any GitHub username and instantly view that user’s profile information via the GitHub REST API.  Features:

• Search functionality to enter GitHub usernames

• API integration to fetch real-time user data

• Responsive UI that displays profile details and repositories

• Efficient state management using React Hooks (useState, useEffect)

• Clean and intuitive design for a better user experience

This project demonstrates core front-end development skills including asynchronous API calls, component design, and handling real data in React applications — valuable in real-world web development.