https://github.com/entrptaher/node-paginate

Based on a tutorial: Create Pagination with Node.js, MongoDB, Express and EJS Step by Step from Scratch
https://github.com/entrptaher/node-paginate

Last synced: about 6 hours ago
JSON representation

Based on a tutorial: Create Pagination with Node.js, MongoDB, Express and EJS Step by Step from Scratch

• Host: GitHub
• URL: https://github.com/entrptaher/node-paginate
• Owner: entrptaher
• Created: 2019-07-04T07:05:05.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T21:19:56.000Z (almost 2 years ago)
• Last Synced: 2024-05-28T16:17:09.728Z (6 months ago)
• Language: HTML
• Homepage: https://evdokimovm.github.io/javascript/nodejs/mongodb/pagination/expressjs/ejs/bootstrap/2017/08/20/create-pagination-with-nodejs-mongodb-express-and-ejs-step-by-step-from-scratch.html
• Size: 434 KB
• Stars: 2
• Watchers: 0
• Forks: 1
• Open Issues: 10
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
Extracted from [this repl](https://repl.it/@NguyenDa18/NodePaginationExample), based on tutorial [Create Pagination with Node.js, MongoDB, Express and EJS Step by Step from Scratch](https://evdokimovm.github.io/javascript/nodejs/mongodb/pagination/expressjs/ejs/bootstrap/2017/08/20/create-pagination-with-nodejs-mongodb-express-and-ejs-step-by-step-from-scratch.html).

## Installation

- Clone the repository.

- Install all packages.

- Start the app.

- Visit: http://localhost:3000

- Click "Generate Fake Data"

## Overview

Front page:

![](https://i.imgur.com/M8HoUbU.png)

Pagination Example:

![](https://i.imgur.com/N3e54B7.png)

## Additional Changes

Furthermore the following changes have been done for personal choice, See [this commit](https://github.com/entrptaher/node-paginate/tree/7aa563954247be6019fe00f29fb30bc3b3014669) for a less destructive code.

- Add readme

- Updated all package versions

- Added nodemon as devDependency

- Added .gitignore

- Added .prettierrc

- Formatted using prettier on vscode

- Adjusted image min-height

- Added `prev` and `next` pagination

- Use local bootstrap

- Replace remote image with random qr code to avoid bandwidth wastage

- Add `/remove-products` which removes all products from database

- `generate-fake-data` redirects to `/products/1`