Skip to content

[Feature]: Add Welcome Modal with Explore & Guided Tour on First Visit #750

Description

@Sriharshitha156

Problem or limitation

Currently, when a new user opens AlgoScope for the first time,
they are directly taken to the homepage with no guidance or
introduction. New users may feel lost and not know where to start.

Proposed solution

Add a Welcome Modal that appears on the first visit (using localStorage
to ensure it only shows once) with two clear options:

1. Explore Platform

  • Closes the modal and lets the user freely explore the site

2. Take Quick Tour

  • Starts a step-by-step guided tour that highlights and explains:
    • The navbar and Explore dropdown
    • The algorithm cards on the homepage
    • How to use a visualizer (e.g. Sorting)
    • The Abstract Data Types section
    • The Challenge section
    • The Favorites and Practice pages

Alternatives considered

No response

Use case

This will significantly improve onboarding experience for new users
and help them discover all features AlgoScope has to offer.

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    GSSoCOfficial issue for GSSoC contributors

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions