This issue has a bounty of $5. Please read the contribution guide for instructions and terms of bounties.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
The page footer is not fixed to the bottom of the page.

There's also a workaround on the blog article page /pages/blog/[id].vue to fix the footer to the bottom on resize of the page (see the TODO comment the onMounted() hook.

Describe the solution you'd like
Footer should be fixed to the bottom of the page using HTML and CSS so there's no need for JS workaround and the footer is always fixed to the bottom.

Additional context
Add any other context or screenshots about the feature request here.

e.g I want to see a list of all the startups that failed in Nigeria without having to scroll manually to find all of them

Is your feature request related to a problem? Please describe.
The current shutdown date format (2023-11) is not very user-friendly.

Describe the solution you'd like
The format should be changed to a more readable format like Nov. 2023. You can use the date-fns library for implementation.

This issue has a bounty of $5. Please read the contribution guide for instructions and terms of bounties.

Is your feature request related to a problem? Please describe.
There's no way to search through blog articles.

Describe the solution you'd like
Add a search input field to the blog page (https://startupgraveyard.africa/blog) and implement the search functionality.

• search input should be above the "Recent Posts" text
• it should be centered and 50% width on desktop, 80% on tablet, and 100% on mobile.
• search lookup is not triggered until the user enters at least 2 characters
• search results should show the top 4 results in descending order, from the most recent to the oldest

Is your feature request related to a problem? Please describe.
It takes a lot of time to scroll through the list, especially on mobile and as the list grows, this would get worse.

Describe the solution you'd like
It would be helpful to add pagination at the bottom of the list to reduce the amount of scrolling, especially on mobile. It should be set to 12 per page by default.

Describe alternatives you've considered
There are no alternatives in this case

Additional context
Use bootstrap pagination UI as a template

I feel it will be nice to have the latest vue ecosystem implementation to help developers pick up new projects with ease.

I will be setting up each vue component in composition API format; its flexibility enables more powerful patterns for organizing and reusing logic.

This issue has a bounty of $5. Please read the contribution guide for instructions and terms of bounties.

Describe the bug
On the home page, pagination does not work correctly when a search term or filter is applied.

To Reproduce
Steps to reproduce the behaviour:

1. Go to landing page
2. Enter the search term "afro" in the search input
3. Notice pagination reads 1 - 3 pages, but if you click 2 or 3, it says no result found
4. Also notice that the number of startups at the top of the grid is not updated
5. The forward and backward arrows in pagination look stretched

Expected behaviour

1. Pagination should reflect the number of available pages
2. The number of startups is also updated according to filters
3. The forward and backward arrows in pagination are not stretched

Screenshots

This issue has a bounty of $5. Please read the contribution guide for instructions and terms of bounties.

Is your feature request related to a problem? Please describe.
Add a section for recent posts on the blog article page

Describe the solution you'd like
There should be a section that loads the 3 most recent blog articles from firebase and displays it in the space beside the blog article.

On mobile, it should be collapsed into a column and come under the blog article.