SHIV5T3R / CO-DE

An Open Source Collaborative Code Editor
35 stars 26 forks source link

Loading & Splash Screen #5

Closed SHIV5T3R closed 1 year ago

SHIV5T3R commented 1 year ago

This issue addresses the need for a Loading & Splash Screen feature to enhance the user experience and provide feedback to users during the website's initialization process.

Expected Behavior

Loading Screen

Upon launching the website, users should be presented with a professional and informative loading screen. The loading screen should display relevant loading indicators (e.g., spinners, progress bars) and any essential messages to inform users that the website is in the process of initialization.

Splash Screen

After the loading process is complete, users should be greeted with an engaging splash screen that embodies the website's branding and visual identity. The splash screen should have a visually appealing layout, relevant graphics, and a smooth transition to the website's main interface.

Progress Feedback

During the loading process, users should receive continuous progress feedback. This feedback should indicate the percentage of completion or any relevant loading milestones, ensuring users are aware of the website's status.

Responsiveness

The loading and splash screens should be designed to be responsive, adapting to different screen sizes and orientations to provide a consistent experience across various devices.

Configurability

The implementation of the loading and splash screens should be easily configurable to allow developers to customize the appearance, loading indicators, and messages, tailoring them to the website's unique requirements.

Performance Considerations

The loading process should be optimized to minimize loading times and resource usage, providing users with a seamless experience even on slower devices or unstable network connections.

User Accessibility

The loading and splash screens should adhere to accessibility standards, ensuring that all users, including those with disabilities, can access and understand the loading progress and splash screen content.

Smooth Transition

The transition from the loading screen to the splash screen and from the splash screen to the main interface should be smooth and visually appealing, contributing to a polished user experience.


The addition of a loading screen and splash screen will contribute significantly to the overall user experience of the website, providing users with a more engaging and visually appealing interaction while waiting for the website to load.

blackmouse572 commented 1 year ago

I will take this.

ShaheerAzam commented 1 year ago

I would also like to contribute to this issue

Android789515 commented 1 year ago

I'd like to help as well.

gavtay commented 1 year ago

I would like to help with this. I would like to help with loading screen and responsiveness in particular.

jossse69 commented 1 year ago

i will also

MrBisquit commented 1 year ago

i will also

@jossse69 It's already been completed and merged. @SHIV5T3R Could you close the issue pls :)