DEV Community

Cover image for  WOW!!! The Lorem Ipsum for photos :Lorem Picsum
manish srivastava
manish srivastava

Posted on

WOW!!! The Lorem Ipsum for photos :Lorem Picsum

Just Imagine, you get a functionality to show random images in html page. Every time viewer open he gets a new image. But lorem picsum is more than this and created by David Marby & Nijiko Yonskai.

(1) Use the official site links to showcase your template without hosting any image.

https://picsum.photos/

The below image is generated

picsum random image

(2) Host your images by your self. I am planning to use randomise my "join my team" image. The Picsum Repo is here:

GitHub logo DMarby / picsum-photos

Lorem Ipsum... but for photos.

Lorem Picsum

Lorem Ipsum... but for photos.
Lorem Picsum is a service providing easy to use, stylish placeholders.
It's written in Go, and uses Redis, PostgreSQL and DigitalOcean Spaces.

Running locally for development

First, make sure you have Go installed, and this git repo cloned.
You will also need to install libvips.

To build the frontend, you need to have NodeJS installed Run the following commands to install the dependencies and build it:

npm install
npm run-script build

If you want to automatically rebuild when you make changes while developing, you can use npm run-script watch.

Then, to start the app, with an in-memory cache, and the test fixtures for images, run:

go run . -log-level debug

This will start a server accessible on localhost:8080, with debug logging enabled.
For other options/backends, see go run . -h.

Instructions on how to add pictures to the postgres/spaces…

Please visit my profile for more interesting articles

IMP REQUEST:
You are most welcome to join my team

Alt Text

Click here for joining my team .

Also you are most welcome to join OPEN SOURCE INTELLIGENT SYSTEM (OSINT) if you can help in open source project regarding safeguarding humans from various diseases like CORONA outbreak
https://github.com/Manishfoodtechs/OSINTHRH/wiki

Contact email: Manishfoodtechs@gmail.com.

If you have any problem, our team is also engaged in professional consultancy and delivery.

Imagecredit: pixabay

Top comments (16)

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

It's really amazing. I have used it some time back for generating slide-in animation in this article

Collapse
 
manishfoodtechs profile image
manish srivastava

I checked your article about Intersection Observer API in JavaScript and it is wonderful

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Thank you so much!

Collapse
 
jonrandy profile image
Jon Randy πŸŽ–οΈ

There are loads of sites that do this. Been around for years... You can find more examples here

Collapse
 
manishfoodtechs profile image
manish srivastava

Hey, Jon thanks for sharing list. I checked few but they are Lorem ipsum (TEXT GENERATOR) but this is Lorem ipsum (PICTURES). Anyway, list is wonderful.

Collapse
 
jonrandy profile image
Jon Randy πŸŽ–οΈ

Every one on that list provides images. Granted, some are images with some text, but none of them are actually text generators

Thread Thread
 
manishfoodtechs profile image
manish srivastava

Okay maybe I seen only text. Anyway, I said nice sharing bro

Collapse
 
morrisjohn profile image
Morris John

I'm currently developing my first side project & I would like for it to have the functionality of displaying a photo from links. I'd like for my side project to display results depending on the parameters of the url.

I've done the frontend part and the Javascript logic but the url thingy is remaining for me.

What am I supposed to understand before I can do that?

Collapse
 
akdeberg profile image
Anik Khan

That's kool😍

Collapse
 
manishfoodtechs profile image
manish srivastava

Thanks

Collapse
 
pomfrit123 profile image
***

This lloks cool

Collapse
 
shhdharmen profile image
Dharmen Shah

Great article... πŸ‘

source.unsplash.com/ is also good image placeholder provider.

Collapse
 
acoh3n profile image
Arik

This is awesome. Thanks for sharing!

Collapse
 
manishfoodtechs profile image
manish srivastava

Thanks

Collapse
 
andrewbaisden profile image
Andrew Baisden

Ah now this is useful good find.

Collapse
 
wdrfree profile image
wdrfree

Thanks