Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Feature/exams feed and navbar #170

Merged
merged 3 commits into from
Feb 26, 2025
Merged

Feature/exams feed and navbar #170

merged 3 commits into from
Feb 26, 2025

Conversation

Slenzy2
Copy link
Contributor

@Slenzy2 Slenzy2 commented Feb 26, 2025

Exam Feed Page and Navbar Implementation #152

Overview

Implementation of the exam feed feature, including a responsive navbar, exam listing page, and layout structure for the exam section of the application.

Changes Made

New Components Created

  1. ExamFeedNavbar

    • Location: src/components/ExamFeed/ExamFeedNavbar.tsx
    • Purpose: Responsive navigation bar specific to exam sections
    • Features:
      • Responsive mobile menu
      • Search functionality with floating search on mobile
      • User profile display
      • Navigation links for exam sections

  2. ExamFeedPage

    • Location: src/components/ExamFeed/ExamFeedPage.tsx
    • Purpose: Main exam feed page component
    • Features:
      • Hero section with background image
      • Category filtering system
      • Grid layout for exam cards
      • Back navigation and chat toggle

  3. ExamCard

    • Location: src/components/ExamFeed/ExamCard.tsx
    • Purpose: Reusable card component for displaying exam details
    • Features:
      • Structured display of exam information
      • Topics covered section
      • Exam advantages section
      • Registration button

New Files Created

  1. Layout

    • Location: src/app/exam/layout.tsx
    • Purpose: Layout wrapper for exam-related pages
    • Features:
      • Conditional rendering of navbar and footer
      • Client-side navigation support

  2. Interfaces

    • Location: src/interfaces/exam.interface.ts
    • Purpose: TypeScript interfaces for exam-related data structures
    • Defines:
      • ExamProps for exam data structure
      • ExamNavLinkProps for navigation links

  3. Mock Data

    • Location: src/components/ExamFeed/mockData.ts
    • Purpose: Temporary data for development
    • Contains:
      • Sample exam data
      • Category listings
      • Navigation link configurations

Technical Details

Styling Approach

  • Utilized Tailwind CSS for responsive design
  • Added custom screen breakpoints:
    • mobile: 480px
    • lgTablet: 1100px
  • Used responsive classes for different viewport sizes

@ONEONUORA ONEONUORA merged commit ab5847b into skill-mind:main Feb 26, 2025
1 check passed
OSEH-svg pushed a commit to OSEH-svg/SkillNet-frontend that referenced this pull request Feb 28, 2025
@Slenzy2 @OSEH-svg
Feature/exams feed and navbar (skill-mind#170)
a111fc4 
* feat: Add exam feed page with comprehensive exam listing and navbar

* chore: Replace exam-paper.png with exam-paper.jpg image

* refactor: Reorganize exam feed components and update import paths
ONEONUORA added a commit that referenced this pull request Feb 28, 2025
@OSEH-svg @Luluameh
@3th-Enjay @Stepcu @MooreTheAnalyst @Agbeleshe @ONEONUORA @danielrobotz @Osatuyi @ooochoche @Lovefaruna24 @Ochoja @Jemiiah @benedictfred @kayceeDev @sandragcarrillo @JamesVictor-O @kcmikee @Yunusabdul38 @jahrulezfrancis @Oshioke-Salaki @sylvester-strk @Elite-tch @Shalomnze @Thosine-01 @chiscookeke11 @ahmadogo @Prosper1218 @Pvsaint @lynaDev2 @Verifieddanny @Olowodarey @feranmiba @tali-creator @davedumto @JayWebtech @MaryammAli @shamoo53 @martinvibes @Akshola00 @Slenzy2 @Mercyaksss @TEMHITHORPHE @PeterOche @kimcascante
User profile (#192)
21da059 
* User profile page completed

* RESPONSIVENESS FOR PROFILE PAGE CREATED

* # IMPLEMENT THE JOB OVERVIEW PAGE ON THE JOB SEEKER DASHBOARD #63 #78 (#91)

* all changes made

* fixed lint error

* Feat/ implement the application page on the job seeker dashboard (#88)

* commit

* commmit

* REMOVED CREATED COMPONENT

* Feature/implement the application form on the job seeker dashboard (#93)

* IMPLEMENT THE APPLICATION FORM ON THE JOB SEEKER DASHBOARD

* IMPLEMENT THE APPLICATION FORM ON THE JOB SEEKER DASHBOARD

* Adding type implicity for isOpen and onClose

* feat: explore page (#95)

* IMPLEMENT THE HOME PAGE OF THE TUTOR DASHBOARD #92 (#94)

* IMPLEMENT THE HOME PAGE OF THE TUTOR DASHBOARD #92

* fixed build issue

* added dashboard flow for other layout

* Restructure

* Restructure

* feat implement Message page (#97)

* draft pr

* updates on message page

* minor fix on message page

* # IMPLEMENT THE MESSAGE PAGE FOR THE JOB SEEKER DASHBOARD #75

* # IMPLEMENT THE MESSAGE PAGE FOR THE JOB SEEKER DASHBOARD #75

* updates

* updates

* updates

* updates

* Create figma_design.md (#58)

* Design Landing Page and Tutor's Dashboard (#72)

* Added skillnet Logo (#98)

* added employer_interface.md (#85)

* feat: my courses page (#87)

* # IMPLEMENT THE COURSE TUTOR / FACILITATOR PAGE ON THE JOB SEEKER DASHBOARD #70 (#82)

* feat: tutor page

* feat: added border to the accordion

* chore: placed components into a course-overview folder

* chore: restructure

* chore: restructure

* Feat:course content page (#77)

* add:course content page

* add tab functionality

* move content page to course-overview

* revert files

* Implement Saved Jobs on the Job Seeker Dashboard (#81)

* Implement saved Job Page feature, tab feature and added both components in job-seeker dashboard

* Implement Saved Jobs on the Job Seeker Dashboard + Save Job function

* deleted old version of Save component

* feat: created wishlist page (#99)

* feat: created wishlist page

* fix: fix type error and keys

* fix: fix type error and keys

* # IMPLEMENT THE COURSE OVERVIEW PAGE ON THE JOB SEEKER DASHBOARD #68 (#100)

* # IMPLEMENT THE COURSE OVERVIEW PAGE ON THE JOB SEEKER DASHBOARD #68

* Add Overview component to Course Dashboard page

* feat implement Message page (#97)

* draft pr

* updates on message page

* minor fix on message page

* # IMPLEMENT THE MESSAGE PAGE FOR THE JOB SEEKER DASHBOARD #75

* # IMPLEMENT THE MESSAGE PAGE FOR THE JOB SEEKER DASHBOARD #75

* updates

* updates

* updates

* updates

* Create figma_design.md (#58)

* Design Landing Page and Tutor's Dashboard (#72)

* Added skillnet Logo (#98)

* added employer_interface.md (#85)

* feat: my courses page (#87)

* * feat: tutor page

* feat: added border to the accordion

* chore: placed components into a course-overview folder

* chore: restructure

* chore: restructure

* Feat:course content page (#77)

* add:course content page

* add tab functionality

* move content page to course-overview

* revert files

* Implement Saved Jobs on the Job Seeker Dashboard (#81)

* Implement saved Job Page feature, tab feature and added both components in job-seeker dashboard

* Implement Saved Jobs on the Job Seeker Dashboard + Save Job function

* deleted old version of Save component

* Update Course Overview: Replace YouTube Embed with Static Image

---------

Co-authored-by: danielrobotz <85536328+danielrobotz@users.noreply.github.com>
Co-authored-by: Osatuyi <105246643+Osatuyi@users.noreply.github.com>
Co-authored-by: Benedict Ejembi <benejembi36@gmail.com>
Co-authored-by: Love Faruna <fedobaba24@gmail.com>
Co-authored-by: Daniel Ochoja <37149152+Ochoja@users.noreply.github.com>
Co-authored-by: Jemiiah <160767568+Jemiiah@users.noreply.github.com>
Co-authored-by: Ugochukwu Nebolisa <nebolisaugochukwu@gmail.com>
Co-authored-by: Nwobodo Leonard <nwobodoe71@gmail.com>
Co-authored-by: Sandra Carrillo <sancarrillo411@gmail.com>

* Fix codebase (#102)

* codebase destructure 1

* refac

* ref: repo modularize (#106)

* Feature/implement the student page on the tutor dashboard #114 (#120)

* initial commit

* created the student page on the tutor dashabord

* feat: institution dashboard (#125)

* feat: institution dashboard

* fix: institution nav routing

* IMPLEMENT MY COURSE PAGE ON THE TUTOR DASHBOARD (#122)

* installed dependencies and ready to begin

* IMPLEMENTED MY COURSE PAGE ON THE TUTOR DASHBOARD

* fixed build issue

* specified types

* sorted type issue and built.

* tutor-profile page (#129)

* tutor-profile

* tutor-profile

* error

* image error

* #IMPLEMENT PAGE ROUTING ON THE INSTITUTION DASHBOARD (#131)

* #IMPLEMENT PAGE ROUTING ON THE INSTITUTION DASHBOARD #IMPLEMENT THE VERIFICATION PAGE ON THE INSTITUTION DASHBOARD #124

* Update package-lock.json

* feature/IMPLEMENT THE EARNING PAGE ON THE TUTOR DASHBOARD (#127)

* IMPLEMENT THE EARNING PAGE ON THE TUTOR DASHBOARD

* Implement the earning page on the tutor dashboard

---------

Co-authored-by: Thosine-01 <thosine7900>

* ADD: students notification (#128)

* ADD: students notification

* ADD: questions, payments and announcements notifications

* tutor's notification page

* test passed

* FIX: notification page structure

* implemented the certification page (#136)

* implemented the certification page

* biuld my application with npm run build

* implemented the question page on the tutor notification dashboard (#140)

* implemented the question page on the tutor notification dashboard

* fixed build issues.

* feat:new candidate page (#142)

* feat:new candidate page

* fix:remove unused variables

* fix:font size

* feat:create veirfied candidates and past candidates components

* Verifications (#137)

* implementation verification page

* save local changes to verification

* save local changes to verification

* verification for institution

* Feat(ui): implemented Exam page  (#143)

* ADD: implement exam components including Timer, CustomCheckbox, ExamHeader, EndExamDialog, Question, and Preview

* Feat(ui) : implemented exam page

* REMOVE: delete unused exam components including CustomCheckbox, EndExamDialog, ExamHeader, Preview, Question, and Timer

* Refac: implement Responsiveness (#145)

* refac: Implement Responsiveness on Dapp

* Refac: Implement Responsivness on Dapp

* refac: Implement Responsiveness

* Refac: implement Responsiveness

* Feature/#119 implement the past candidate and verify page on the institution page (#148)

* fix:#119 Added the past candidate and the verify candidate page

* fix conflict and change directory

* updates

* Create exam model page (#126)

* create Exam Model

* create Exam Model Page

* create exam model

* Create exam model

* create exam model

* create exam model

* Create Exam Model

* create exam model

* feat: implemented notification page (#149)

* feat: implemented notification page

* fixed all the requested changes

* chore : made page responsive (#155)

* chore : made page responsive

* font changes

* Create course modal (#134)

* initial-commit

* initial commit

* created modal

* npm run build

* npm run build

* modal update

* npm run build

---------

Co-authored-by: shamoo53 <aliyushamsu16@gmail.com>

* Folder structure

* feat/chore: Improve and enhance tutor page and make it responsive  (#161)

* feat: improve tutor dashboard page and make it responsive

* updates

* responsiveness of institution oage  (#158)

* feat: Add table component and update UI for various institution dashboard pages

* fix: move log button

---------

Co-authored-by: “Akshola00” <“akinniyishola07@gmail.com”>

* revamp userprofile page complete (#156)

* revamp userprofile complete

* Modified User profle page

* created new components. profile page and profile display. ready to merge

* Feature/exams feed and navbar (#170)

* feat: Add exam feed page with comprehensive exam listing and navbar

* chore: Replace exam-paper.png with exam-paper.jpg image

* refactor: Reorganize exam feed components and update import paths

* Added custom 404 error page with navbar and footer (#172)

* feat: add employer dashboard (#176)

* feat: add employer dashboard

* fix: add icon

* fix: structure employer components

* Feature/implement the tutor earning weekly and monthly page #165 (#175)

* chore: minor edit to dummy price to verify branch setup.

* update: change bg color based on state.

* add: date/time utility functions

* update: earnings date labels now functional.

* update: move dummy data to appropriate file.

* chore: code refactor & restructure into component form.

* chore: tiny eslint cleanup

* chore: fix eslint errors

* Implemented Exam Feed Registration Modal. (#177)

* Registration modal

* dreaf pr

* Status modal

* Implemented Exam Feed Registration Modal

* Implemented Exam Feed Registration Modal

* fixed linting errors

* Implement registered exam pages and details view (#178)

* Implement registered exam pages and details view

* Running npm run build

* fix: updating details page to be a modal

* RESPONSIVENESS FOR PROFILE PAGE CREATED

* Restored stashed changes after merging main

---------

Co-authored-by: Lulu <104063177+Luluameh@users.noreply.github.com>
Co-authored-by: CodesByMidnyt <100563026+3th-Enjay@users.noreply.github.com>
Co-authored-by: Stefhany Castro <69991785+Stepcu@users.noreply.github.com>
Co-authored-by: MooreTheAnalyst <162017070+MooreTheAnalyst@users.noreply.github.com>
Co-authored-by: Bioba <97415163+Agbeleshe@users.noreply.github.com>
Co-authored-by: ONEONUORA <monweebube44@gmail.com>
Co-authored-by: danielrobotz <85536328+danielrobotz@users.noreply.github.com>
Co-authored-by: Osatuyi <105246643+Osatuyi@users.noreply.github.com>
Co-authored-by: Benedict Ejembi <benejembi36@gmail.com>
Co-authored-by: Love Faruna <fedobaba24@gmail.com>
Co-authored-by: Daniel Ochoja <37149152+Ochoja@users.noreply.github.com>
Co-authored-by: Jemiiah <160767568+Jemiiah@users.noreply.github.com>
Co-authored-by: Ugochukwu Nebolisa <nebolisaugochukwu@gmail.com>
Co-authored-by: Nwobodo Leonard <nwobodoe71@gmail.com>
Co-authored-by: Sandra Carrillo <sancarrillo411@gmail.com>
Co-authored-by: James_Victor <112592627+JamesVictor-O@users.noreply.github.com>
Co-authored-by: Esenwa Kachukwu Michael <42065630+kcmikee@users.noreply.github.com>
Co-authored-by: Yunus Abdulmajid <yunusabdulmajidyunus38@gmail.com>
Co-authored-by: Francis Longsaar <longsaarmuknaan@gmail.com>
Co-authored-by: Oshioke Salaki <salaki1902@gmail.com>
Co-authored-by: sylvester <85766371+sylvester-strk@users.noreply.github.com>
Co-authored-by: Elite-tch <149904417+Elite-tch@users.noreply.github.com>
Co-authored-by: Nze Shalom <106248195+Shalomnze@users.noreply.github.com>
Co-authored-by: Lawal Oluwatomisin <77904044+Thosine-01@users.noreply.github.com>
Co-authored-by: Okeke Chinedu Emmanuel <chiscookeke11@gmail.com>
Co-authored-by: Ahmad Abdulkareem <abdulkareemahmad413@gmail.com>
Co-authored-by: Prosper Williams <115343774+Prosper1218@users.noreply.github.com>
Co-authored-by: Victor Peter <vpeter817@gmail.com>
Co-authored-by: lynaDev2 <paulinatimothy3@gmail.com>
Co-authored-by: Daniel Nwachukwu <dannyclassic56@gmail.com>
Co-authored-by: Darey Olowo <132012676+Olowodarey@users.noreply.github.com>
Co-authored-by: Amiola Demilade <102419681+feranmiba@users.noreply.github.com>
Co-authored-by: tali-creator <93847057+tali-creator@users.noreply.github.com>
Co-authored-by: davedumto <112870446+davedumto@users.noreply.github.com>
Co-authored-by: Adamu Jethro <45628811+JayWebtech@users.noreply.github.com>
Co-authored-by: MaryammAli <maryamaliyu09159@gmail.com>
Co-authored-by: shamoo53 <aliyushamsu16@gmail.com>
Co-authored-by: martin machiebe <127976766+martinvibes@users.noreply.github.com>
Co-authored-by: Akinshola <114211385+Akshola00@users.noreply.github.com>
Co-authored-by: “Akshola00” <“akinniyishola07@gmail.com”>
Co-authored-by: Ikupolati Tobi <94957025+Slenzy2@users.noreply.github.com>
Co-authored-by: Mercy Yakubu <mercyaksss625@gmail.com>
Co-authored-by: tEmhItHoRpHe <tehmhithorphe@gmail.com>
Co-authored-by: PeterOche <119618121+PeterOche@users.noreply.github.com>
Co-authored-by: Kim <72054684+kimcascante@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@Slenzy2 @ONEONUORA