Random Me

Random Me is a fun, interactive single-page web application that displays a random photo of me every time you visit or refresh the page. The app is simple, easy to use, and perfect for sharing spontaneous moments with friends and family. Enjoy discovering new memories with every refresh!

Demo

https://diprefranco.github.io/random-me/

App Overview

The app was built using Angular.
The entire site is responsive and adjusts to different screen sizes.

Version Information

This project was built with Angular CLI version 19.0.7.

Build Your Own Random Me

You can build your own random moments using this project.

Run The App

Clone this repository:

git clone https://github.com/diprefranco/random-me.git

Install the necessary dependencies:

npm install

Start the application:

npm start

Photos

The app randomly selects photos from the photoData array. This array contains all the information about the photos you want to display.

• Place your photo files in the public folder inside the app or host them on any public URL.
• Ensure the src property in the photoData array points to the correct file location.
• Dates are specified in UTC format to guarantee consistent display regardless of the user's time zone.
• As a recommendation, to balance quality and performance for both desktop and mobile users, keep images below 500 KB for fast loading. Use JPG format with a maximum width of 1200 px.

Sample Photos

While developing, you can use sample photos instead of your own to simplify the process.
Simply change the import statement in the photo-data.service.ts file to import the photoData array from sample-photo.data.ts file.

import { photoData } from '../data/photo.data';
import { photoData } from '../data/sample-photo.data';

Personal Link Resources

In the src/app/services folder, you’ll find services for managing personal link resources. Replace these with your own links and details as needed.

Acknowledgments

I want to thank the photographers for the amazing photos you are seeing.

My Own Photos

In my Italian travel experience I was lucky enough to meet two professional photographers and I wasn't going to waste the opportunity.

• Juan Giovacchini: Running in the fields in Italy.
• Julian Guardia: Memories of a reflective look in Italy / A man thinking about the future / With Santiago and Julian in Italy.

Sample Photos

The sample photos included in this project were taken from Unsplash.

• Kawê Rodrigues: An older man is walking through a garden. History of Casa Suzuki.
• Jalil Saeidi: Drown in memories. A man floating in a pool of water.
• Polina Kuzovkova: A woman in a yellow and brown sari walking in front of a building.
• Ritul Bhattacharjee: Rajasthani women in their regular Rajasthani attire.

Author

Franco Dipre
😎 Website: diprefranco.github.io
💻 GitHub: github.com/diprefranco

License

This project is open-source under the MIT License.
Feel free to use and modify it for your own projects.