User Storie

For the given task, i meticulously formulated a series of user stories,

• As a user, I want to be able to easily navigate through the website so that I can quickly find the right content.
  • Header with the TalentPortal logo which leads to the homepage
  • Multiple links which lead to the corresponding pages
• As a user, I want to be able to find the newest jobs under the search input and button on the home page page.
  • Multiple links which lead to the corresponding pages
• As a user, I want to see the latest jobs on the homepage so I know what's going on.
  • Show the three latest jobs with a click through to the blog detail page
  • When there are no jobs found hide this block and show a message that there are no blog posts found
• As a user, I want to be able to navigate through different job posts on a home page so I can see everything.
  • Show 9 jobs on each page
  • Able to navigate through blog posts using the pagination below the blog items
• As a user, I want to be able to search through different jobs posts.
  • Able to search in a text input field
  • When searching filter the jobs items on the search phrase

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 👥 Authors
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📩 Support & Feedback
• 📝 License

📖 About This Project

TalentPortal is a website created with Next.js 14, styled with Tailwind CSS, and developed using TypeScript. It utilizes JSON Server for data management. This project serves as a showcase for a job interview.

Sample Of Website

🛠 Built With

Tech Stack

Client

• Html
• Css
• TypeScript
• TsLint
• NEXTJS-14
• json-server

Key Features

• [Responsive Website]
• [Flex & Grid]
• [CSS ]
• [JavaScript ]
• [Linters ]
• [Tslint ]

(back to top)

🚀 Live Demo

Add a link to your deployed project.

• Live Demo Link

(back to top)

👥 Authors

👤 Author1

• GitHub: @Ameer2000Mzori
• LinkedIn: Ameer Ameen

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome! please dont forget to contact ameerapex496@gmail.com

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, don't hesitate to give it a star 😊.

(back to top)

🙏 Acknowledgments

(back to top)

📩 Support & Feedback

If you have any feedback, please reach out to me at ameerapex496@gmail.com 📨

(back to top)

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.