Add Loading Screen for JSON Data

[JollyJolli]

To enhance user experience, we need to implement a loading screen that appears while fetching data from the JSON file. This will help manage user expectations, especially when there are many names to load, making the interface more responsive and user-friendly.

Tasks

• [ ] Create a simple loading animation or graphic (e.g., spinner or progress bar).
• [ ] Display the loading screen when initiating the data fetch from the JSON file.
• [ ] Hide the loading screen once the data is fully loaded and ready to be displayed.
• [ ] Test the loading screen functionality with various sizes of JSON data to ensure it works smoothly.

Brief Info

This feature is part of the HacktoberWall project, designed to provide easy and meaningful tasks for Hacktoberfest participants. Adding a loading screen will improve user experience by indicating that data is being loaded.

Feature Info

The loading screen could include:

• A spinner animation that indicates the data is being processed.
• A friendly message, such as "Loading names, please wait..." to keep users informed.
• A background that matches the website’s theme for a cohesive look.

Proposed Solution

1. Design the Loading Screen: Create a simple layout using HTML/CSS for the loading animation.
2. JavaScript Implementation: Use JavaScript to:
   • Show the loading screen when the data fetch begins.
   • Hide the loading screen when the data has been successfully loaded and displayed.
3. Testing: Ensure the loading screen functions correctly with different amounts of data and check for any performance issues.

Additional Context

This task is suitable for beginners looking to practice their HTML, CSS, and JavaScript skills. Contributors can research loading animations and explore different techniques for creating an engaging user experience.

This is an excellent way for Hacktoberfest participants to contribute by improving the functionality and usability of the website!

[uDaiko]

Hey fun idea with this repo. I'd like to contribute with this issue :)

[JollyJolli]

Thx! I will assign you