[FEAT] External Static Pages > Footer component

skeby commented 1 month ago

Description

Develop the footer displayed on all the pages.

Acceptance Criteria

Create a footer component that displays the app logo, navigation, support and legal links, and also the signup for newsletter section as shown in the design.
Also include the sub-footer showing the social media icon links, privacy policy and terms of use links
Write unit tests for this component to model expected behavior.

Purpose

Provides a component for showing the navbar.

Requirement

Ensure that the typography (text colors, font weights, font sizes, etc.) remain consistent with the design.
Ensure that the footer design (border colors, background color, text content, etc.) remains consistent with the design.
Ensure that the logo is a link to the home route of the application.
Ensure that each link on the footer leads to their respective routes/pages.

Expected Outcome

A footer component that is shown on all the external static pages

Testing

Make use of react testing library to write unit tests for this component (Note that this library is already installed in the project codebase).
Test different scenarios/cases to model a real life use of the component

Task

[ ] Create a footer component
[ ] Include links to the required routes
[ ] Include icon links to the social media platforms as shown in the design
[ ] Make the footer responsive for mobile devices.
[ ] Write unit tests to ensure the component works as expected.

Links

Images

Desktop View MobileView

MuritalaAhmed05 commented 1 month ago

Ahhhh.....I have done it too😪

On Sat, Jul 20, 2024, 6:12 PM Prudent Bird @.***> wrote:

Closed #95 https://github.com/hngprojects/hng_boilerplate_nextjs/issues/95 as completed via #362 https://github.com/hngprojects/hng_boilerplate_nextjs/pull/362.

— Reply to this email directly, view it on GitHub https://github.com/hngprojects/hng_boilerplate_nextjs/issues/95#event-13590142143, or unsubscribe https://github.com/notifications/unsubscribe-auth/BI6LQWZ6HGHGNYTQ5PZF64LZNKLANAVCNFSM6AAAAABLA5T4N6VHI2DSMVQWIX3LMV45UABCJFZXG5LFIV3GK3TUJZXXI2LGNFRWC5DJN5XDWMJTGU4TAMJUGIYTIMY . You are receiving this because you were assigned.Message ID: <hngprojects/hng_boilerplate_nextjs/issue/95/issue_event/13590142143@ github.com>

MuritalaAhmed05 commented 1 month ago

So.... should I assign another issue again?

On Sat, Jul 20, 2024, 9:34 PM Muritala Ahmed @.***> wrote:

Ahhhh.....I have done it too😪

On Sat, Jul 20, 2024, 6:12 PM Prudent Bird @.***> wrote:

Closed #95 https://github.com/hngprojects/hng_boilerplate_nextjs/issues/95 as completed via #362 https://github.com/hngprojects/hng_boilerplate_nextjs/pull/362.

— Reply to this email directly, view it on GitHub https://github.com/hngprojects/hng_boilerplate_nextjs/issues/95#event-13590142143, or unsubscribe https://github.com/notifications/unsubscribe-auth/BI6LQWZ6HGHGNYTQ5PZF64LZNKLANAVCNFSM6AAAAABLA5T4N6VHI2DSMVQWIX3LMV45UABCJFZXG5LFIV3GK3TUJZXXI2LGNFRWC5DJN5XDWMJTGU4TAMJUGIYTIMY . You are receiving this because you were assigned.Message ID: <hngprojects/hng_boilerplate_nextjs/issue/95/issue_event/13590142143@ github.com>

skeby commented 1 month ago

So.... should I assign another issue again? On Sat, Jul 20, 2024, 9:34 PM Muritala Ahmed @.> wrote: … Ahhhh.....I have done it too😪 On Sat, Jul 20, 2024, 6:12 PM Prudent Bird @.> wrote: > Closed #95 > <#95> as > completed via #362 > <#362>. > > — > Reply to this email directly, view it on GitHub > <#95 (comment)>, > or unsubscribe > https://github.com/notifications/unsubscribe-auth/BI6LQWZ6HGHGNYTQ5PZF64LZNKLANAVCNFSM6AAAAABLA5T4N6VHI2DSMVQWIX3LMV45UABCJFZXG5LFIV3GK3TUJZXXI2LGNFRWC5DJN5XDWMJTGU4TAMJUGIYTIMY > . > You are receiving this because you were assigned.Message ID: > <hngprojects/hng_boilerplate_nextjs/issue/95/issue_event/13590142143@ > github.com> >

Yeah. Kindly check for another available issue with the approved label

hngprojects / hng_boilerplate_nextjs