SkillCert/skillcert-frontend

AI Summary: This issue requests the creation of a `Course Navbar` React component. The component should be located at `app/instructor/courses/components/courseNavbar.tsx` and its design is provided via Figma and an image. Developers are strictly instructed to only create this specific file and not modify any others.

AI Summary: This issue requires integrating the `course_registry_add_module` function from the `CourseRegistry` smart contract into the frontend. The task involves creating a typed, reusable function or hook within a specified directory structure (`contract_connections/CourseRegistry/`) that allows instructors to add new modules to existing courses, including a necessary pre-check to ensure the course exists.

AI Summary: Integrate the `course_registry_create_course` function from a Soroban smart contract into a Next.js frontend. This involves creating a reusable function/hook in `contract_connections/CourseRegistry/createCourse.ts` to handle smart contract interaction using the Soroban SDK JS bindings. The function should be integrated into a course creation form, including input validation, loading indicators, and error handling for various scenarios (empty fields, duplicate titles, zero price, contract panics). User wallet connection and transaction signing are also required.

AI Summary: Create a student courses page (`app/coursesPage/studentCourses.tsx`) based on a provided Figma design. The page should not include a navigation bar. Only the specified file should be created or modified.

AI Summary: Create the main view for a course page within a Next.js application. The view should be built in `app/instructor/courses/[id]/page.tsx` based on a provided Figma design, and should not include a navigation bar. The task focuses solely on creating this specific page and avoids modifications to other files.

AI Summary: Create a Next.js page (`app/instructor/courses/instructorCoursesView.tsx`) displaying a list of instructor courses. Use the provided `courseCard.tsx` component for rendering individual courses. Refer to the Figma design for visual guidance. Do not create or modify any other files except for the specified page and component.

AI Summary: Integrate a 'delete course' function into a Next.js frontend, interacting with a CourseRegistry smart contract. This involves creating a reusable function/hook to handle smart contract interaction, including proper error handling and UI feedback (confirmation dialog, loading indicators, success/error messages). The function should prevent deletion with empty course IDs, handle cascading module deletion, and ideally incorporate event listening for confirmation. User authorization checks are also required.

AI Summary: Integrate a 'save_profile' function from a smart contract into a Next.js frontend. This involves creating a reusable function/hook in `contract_connections/UserProfile/saveProfile.ts` to interact with the smart contract, handling form validation, user input (name, email, profession, goals, country), wallet address binding, error handling, and providing user feedback (loading indicators, success/error messages). The function should be callable when a user submits or updates their profile.

AI Summary: Integrate a function from a CourseRegistry smart contract into a Next.js frontend. The function retrieves a single course module given a course ID. This involves creating a reusable function/hook in `contract_connections/CourseRegistry/getModuleByCourse.ts` to interact with the smart contract, handling errors, input validation, and loading states, and integrating the result into the UI when displaying course details.

AI Summary: Integrate a function to retrieve courses by instructor from a CourseRegistry smart contract into a Next.js frontend. This involves creating a reusable function/hook in `contract_connections/CourseRegistry/getCoursesByInstructor.ts` to call the `course_registry_get_courses_by_instructor` smart contract function, handling wallet address lookup, displaying loading states, and gracefully handling errors. The function should be integrated into components like `InstructorDashboard.tsx` or `MyCourses.tsx`.

AI Summary: Create a reusable input field component in a Next.js project. The component should be implemented in `app/components/ui/inputField.tsx` and visually match a provided Figma design. Only the specified file should be created or modified.

AI Summary: Integrate a function from a smart contract into a Next.js frontend to retrieve a list of courses a user is enrolled in. This involves creating a reusable function or React hook within the `contract_connections/CourseAccess` directory to interact with the `course_access_list_user_courses` function of the `CourseAccessContract`. The function should handle wallet lookup, error conditions (including the 'User Courses Not Found' error), and display the list of courses on the user's dashboard or profile. Appropriate loading and fallback states should be implemented, and if no courses are found, suggestions for browsing the course catalog should be provided.

AI Summary: Integrate a function from a smart contract (CourseAccessContract) into a Next.js frontend to revoke user access to a course. This involves creating a reusable function/hook in `contract_connections/CourseAccess/revokeAccess.ts` to call the `course_access_revoke_access` smart contract function, handling user authorization, displaying confirmation dialogs, and providing UI feedback (loading indicators, success/error messages). The frontend should correctly construct the composite key used by the smart contract.

AI Summary: Integrate a frontend function to remove a module from a CourseRegistry smart contract. This involves creating a function in `contract_connections/CourseRegistry/removeModule.ts` to interact with the `course_registry_remove_module` function, handling errors, and updating the UI with loading indicators, confirmation dialogs, and success/error messages. The function should validate inputs before calling the smart contract and handle the emitted `module_removed` event.

AI Summary: Implement a wave animation in a Next.js application's hero section. This involves creating three overlapping, rotating gradient blobs with adjusted opacity and border radius to simulate a continuous wave effect. The animation should be implemented using CSS animations or a similar approach within the `heroSection.tsx` component.

AI Summary: Create a React component (`courseCard.tsx`) for displaying course information, based on a provided Figma design. The component should be placed within the `app/instructor/courses/components` directory of a Next.js project. Only the specified component file should be created or modified.

AI Summary: Integrate a function from a smart contract (CourseRegistry) into a Next.js frontend. This involves creating a reusable function/hook in `contract_connections/CourseRegistry/addModule.ts` to add a module to a course. The function must check if the course exists before interacting with the contract, handle potential errors gracefully, and provide user-friendly error messages. UI integration requires binding the function to a button or form submission, capturing module details (position, title), and validating inputs.

AI Summary: Create a React component in a Next.js project to display a media view, based on provided Figma designs. The component should only handle the tab content and be implemented in `app/instructor/courses/components/mediaView.tsx`. No other files should be modified.

AI Summary: Create a React component for displaying an enrolled course card in a Next.js application. The component should be built based on a provided Figma design and placed in `app/myCoursesPage/components/enrolledCourseCard.tsx`. Only this specific file should be created or modified.

AI Summary: Create the UI for a course details view tab within a Next.js application, focusing solely on the tab content itself. The implementation should match a provided Figma design and should only involve modifying the `app/instructor/courses/components/courseDetailView.tsx` file. No other files should be created or altered.

AI Summary: Create a course management menu component in a Next.js application. The component should be built using the provided Figma design as a reference and placed in `app/instructor/components/courseManagementMenu.tsx`. Only this file should be created or modified.

AI Summary: Create an instructor dashboard page (`app/instructor/componentes/dashboard.tsx`) based on a provided Figma design. The task involves building the UI of the dashboard only, excluding the navigation bar. Existing files should not be modified.

AI Summary: Create a course listing page for instructors within a Next.js application. The page should be built in `app/instructor/componentes/courses.tsx` using a provided Figma design as a reference. Existing navigation elements should not be modified.

AI Summary: Create a course creation modal component in a Next.js application. The component should be built using the provided Figma design as a reference and placed in `app/coursesPage/components/createCourse.tsx`. Only this file should be created or modified.

AI Summary: Create a Hero Section component for a Next.js website based on a Figma design. The component should be implemented in `app/home/componentes/welcomepage/heroSection.tsx` and should only include the Hero Section; no other files should be modified.

AI Summary: Create a Navbar menu component in a Next.js project based on a Figma design. The component should be implemented in `src/componentes/nabvarMenu.tsx`, and only this file should be created or modified.

AI Summary: Create a main page component (`app/home/mainPage.tsx`) for a Next.js application based on a provided Figma design. The task specifically excludes creating a navigation bar and requires only the creation of the specified file, leaving other project files untouched.

AI Summary: Create a 'stellar section' component for a Next.js welcome page, based on a Figma design. The component should be implemented in `app/home/componentes/welcomepage/stellarSection.tsx`, and only this file should be modified. No other files should be created or altered.

AI Summary: Create a course exploration section component for a Next.js application based on a Figma design. The component should be implemented in `app/home/componentes/welcomepage/courseExplorationSection.tsx` and should only include the course exploration section; no other files should be modified or created.

AI Summary: Create a 'Build Profile' page within a Next.js application. The page should be implemented in `app/settings/profileSettings/buildProfilePage.tsx` and visually match a provided Figma design. Only this single file should be created or modified.

AI Summary: Create two React components, `statisticsSection.tsx` and `learningPathSection.tsx`, within a Next.js project, based on a provided Figma design. These components will display statistics and a learning path, respectively, and should be implemented without modifying any other files.

AI Summary: Create a call to action section component for a Next.js application based on a Figma design. The component should be implemented in `app/home/componentes/welcomepage/callToActionSection.tsx`, and only this file should be modified. No other files should be created or altered.

AI Summary: Create a header component for a preview modal in a Next.js application. The component should be built using the provided Figma design as a reference and placed in `app/coursesPreview/headerModal.tsx`. Existing button components are available in the `src/components` folder. No other files should be created.

AI Summary: Create a 'Courses Registered' page at `app/myCoursesPage/coursesRegistered.tsx` using Next.js, referencing a Figma design. The page should not include a navbar or footer. Additional components should be placed in `app/myCoursesPage/components`.

AI Summary: Create a search courses page (`app/coursesPage/searchCourses.tsx`) for a Next.js project, referencing a Figma design. The page should not include a navbar or footer, and any necessary components should be placed in `app/coursesPage/components`. Existing files should not be modified.

AI Summary: Create a resume preview modal component in a Next.js project. The component should be built using the provided Figma design as a reference and placed in `app/coursesPreview/components/resumeModal.tsx`. The header section from the Figma design should be omitted.

AI Summary: Create a preview modal component for teachers within a Next.js application. The component should be built using the provided Figma design as a reference and implemented in the `app/coursesPreview/components/teacherModal.tsx` file. The header section from the Figma design should be omitted.

AI Summary: Create a preview modal for reviews within a Next.js application. The modal's UI should be implemented in `app/coursesPreview/components/reviewsModal.tsx` based on a provided Figma design. The header section from the Figma design should be omitted.

AI Summary: Create the content section of a preview modal for a Next.js project, using a Figma design as a reference. The content should be implemented in the `app/coursesPreview/components/contentModal.tsx` file. The header section should be omitted.