Ansopedia is an open-source learning platform that empowers you to explore diverse educational content. Access a vast repository of knowledge, including: posts, forums, quizzes, personalized experience, blog, leaderboard, school, college & university details, etc
3
stars
5
forks
source link
FE - Implement Login & Sign Up Modals using Intercepting Routes (Next.js) #7
This issue builds upon the design of login and sign-up forms (tracked in Issue #6) and proposes implementing them as modal components within a Next.js application. Intercepting routes will be used to display the appropriate modal based on the user's navigation.
Objective:
Utilize Next.js intercepting routes to trigger modal display for login or sign-up forms.
Integrate the designed login and sign-up forms (from Issue #6) within modal components.
Display the relevant modal (login or sign-up) based on the intercepted route.
Maintain a regular form (without intercepting routes) for users who navigate directly to the login or sign-up page URLs.
Expected Outcome:
Seamless user experience with modal-based login and sign-up on specific routes.
Regular forms for direct access to login and sign-up pages.
Clear separation of concerns between UI and logic for forms and modals.
Information Required:
Access to the Figma file containing the login & sign-up form designs.
Description:
This issue builds upon the design of login and sign-up forms (tracked in Issue #6) and proposes implementing them as modal components within a Next.js application. Intercepting routes will be used to display the appropriate modal based on the user's navigation.
Objective:
Expected Outcome:
Information Required:
Access to the Figma file containing the login & sign-up form designs.
Dependencies:
By implementing this feature, we'll provide a more intuitive and user-friendly authentication flow for Ansopedia users.