Skip to content

feat: Add a Loading Indicator for API Calls (#6)#17

Open
Chizaram-Igolo wants to merge 2 commits intoManibalaSinha:masterfrom
Chizaram-Igolo:feature/add-loading-indicator-for-api-calls
Open

feat: Add a Loading Indicator for API Calls (#6)#17
Chizaram-Igolo wants to merge 2 commits intoManibalaSinha:masterfrom
Chizaram-Igolo:feature/add-loading-indicator-for-api-calls

Conversation

@Chizaram-Igolo
Copy link

@Chizaram-Igolo Chizaram-Igolo commented Feb 26, 2026

Resolves #6

Overview

  • Adds Loading indicator component and styles.
  • Adds getPosts() api function in client/src/api.js.
  • Integrates loading indicator in Home.jsx and Dashboard.jsx.

Out of Scope (Intentional):

  • Adds left and right padding to body.
  • Adds empty state and error message texts - "No posts yet." and "Failed to load posts."

Screen recording:

chrome-capture-2026-02-27

@vercel
Copy link

vercel bot commented Feb 26, 2026

@Chizaram-Igolo is attempting to deploy a commit to the Manibala Sinha's projects Team on Vercel.

A member of the Team first needs to authorize it.

@netlify
Copy link

netlify bot commented Feb 26, 2026

Deploy Preview for devstations ready!

Name Link
🔨 Latest commit b5751a4
🔍 Latest deploy log https://app.netlify.com/projects/devstations/deploys/69a0dba889d5700008d9d4b7
😎 Deploy Preview https://deploy-preview-17--devstations.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 26, 2026

Deploy Preview for elaborate-treacle-575dcc failed. Why did it fail? →

Name Link
🔨 Latest commit b5751a4
🔍 Latest deploy log https://app.netlify.com/projects/elaborate-treacle-575dcc/deploys/69a0dba85755690008c57106

@netlify
Copy link

netlify bot commented Feb 26, 2026

Deploy Preview for devstat ready!

Name Link
🔨 Latest commit b5751a4
🔍 Latest deploy log https://app.netlify.com/projects/devstat/deploys/69a0dba8bbd5cc0008818c91
😎 Deploy Preview https://deploy-preview-17--devstat.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 26, 2026

Deploy Preview for inspiring-kelpie-d9ab92 ready!

Name Link
🔨 Latest commit b5751a4
🔍 Latest deploy log https://app.netlify.com/projects/inspiring-kelpie-d9ab92/deploys/69a0dba83394e9000705d1de
😎 Deploy Preview https://deploy-preview-17--inspiring-kelpie-d9ab92.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 26, 2026

Deploy Preview for devstati ready!

Name Link
🔨 Latest commit b5751a4
🔍 Latest deploy log https://app.netlify.com/projects/devstati/deploys/69a0dba8a3785b0008a5394a
😎 Deploy Preview https://deploy-preview-17--devstati.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 26, 2026

Deploy Preview for devstatio ready!

Name Link
🔨 Latest commit b5751a4
🔍 Latest deploy log https://app.netlify.com/projects/devstatio/deploys/69a0dba8bbd5cc0008818c8d
😎 Deploy Preview https://deploy-preview-17--devstatio.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@Chizaram-Igolo
Copy link
Author

@ManibalaSinha Please review my code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add a Loading Indicator for API Calls

1 participant