Educatly Frontend Task for Senior Next.js Developer

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

Getting Started

To run the project locally, follow these steps:

1. Clone the Repository: First, clone the repository to your local machine using the following command:

   git clone <repository-url>

2. Navigate to the Project Directory: Change into the project directory:

   cd eductaly-task

3. Install Dependencies: Install the required dependencies using npm, yarn, or pnpm:

   npm install
   # or
   yarn install
   # or
   pnpm install // recommended

4. Run the Development Server: Start the development server with the following command:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev // recommended

5. Open the Application: Open your browser and navigate to http://localhost:3000 to see the application in action.

Additional Note

The design and the requirements was conflicting or was not clear enough, or had some mis terminologys used.

If you want to render the traditional Pagiation, which is what was mentioned on the requirement, then you can use the repo as easy.

If you want to render the Load more style of pagination, render the post listing from blog-post-listing-view-load-more.tsx

The toggle switch was added last minute, so it was not tested

---

Another branch https://github.com/FatahChan/educatly-task/tree/feat/imporve-traditinal-pagination is added for better traditional pagination. this is made after the initial 5 hours allowed

Demo

Demo Lik