Fix issue 156 : Preloader

[Adityadeveloper28]

Related Issue

None

Description

This pull request implements a preloader component for the React application. The preloader features a logo with a bounce effect, a descriptive text stating "MindMate: Analyzing Chat", and a continuous loading bar animation at the bottom of the card. The design enhances the user experience by indicating that the application is processing in the background.

Type of PR

• Bug fix
• [√] Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

screen-recorder-thu-oct-03-2024-21-47-27.webm

Checklist:

• [√] I have performed a self-review of my code
• [√] I have read and followed the Contribution Guidelines.
• [√] I have tested the changes thoroughly before submitting this pull request.
• [√] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [√] I have commented my code, particularly in hard-to-understand areas.

Additional context:

The preloader is designed to provide a smooth user experience while the application is loading, enhancing perceived performance. The loading effect is achieved using CSS animations for both the bouncing logo and the moving loading bar, creating a visually appealing waiting screen.

[vercel]

@Adityadeveloper28 is attempting to deploy a commit to the Alogovengers' projects Team on Vercel.

A member of the Team first needs to authorize it.