https://github.com/nickolasrm/timelinebubbles

Beautiful timelines for your presentations ⚪⏳
https://github.com/nickolasrm/timelinebubbles

gh-pages jest presentation react timeline

Last synced: 3 months ago
JSON representation

Beautiful timelines for your presentations ⚪⏳

• Host: GitHub
• URL: https://github.com/nickolasrm/timelinebubbles
• Owner: nickolasrm
• License: mit
• Created: 2021-07-15T19:27:05.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-08-03T08:40:12.000Z (over 3 years ago)
• Last Synced: 2024-05-28T15:12:37.444Z (9 months ago)
• Topics: gh-pages, jest, presentation, react, timeline
• Language: JavaScript
• Homepage: https://nickolasrm.github.io/TimelineBubbles/
• Size: 3.48 MB
• Stars: 29
• Watchers: 2
• Forks: 4
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# TimelineBubbles

![Build](https://github.com/nickolasrm/TimelineBubbles/actions/workflows/build.yml/badge.svg)

[![Coverage Status](https://coveralls.io/repos/github/nickolasrm/TimelineBubbles/badge.svg?branch=main)](https://coveralls.io/github/nickolasrm/TimelineBubbles?branch=main)

_Describing historical data? Why not to use a timeline?_

## GIF

![App](https://github.com/nickolasrm/TimelineBubbles/blob/main/screenshots/main.gif)

## Greetings

Hi ✋! My name is Nickolas, known as nickolasrm, the creator of this app.

Today I'm gonna guide you through the

usage of this simple, but elegant app that helps you making timelines.

## What is a timeline?

A timeline is a solution for visualizing historical data in a form similar to the way we

measure length with a ruler.

## What is TimelineBubbles?

TimelineBubbles is a project I developed to reduce the amount of time I spend building

timelines for my presentations. Most of my presentations have a historical background,

and because of that, I wasted lots of time building timelines. I just don't want it to

happen again.

## Should I use this app?

If you're going to make a presentation or just want to create a historical representation,

for sure, use it!

## Usage

Go to the [app page](https://nickolasrm.github.io/TimelineBubbles/#/)

For installing locally (only if you are going to edit the code): 

1. Clone the repository

2. Run `npm install`

3. Run `npm start`

4. A browser tab will be opened at `localhost:3000`. Enjoy

## Theming

Of course you can theme your timeline. Here below are some examples:

![Theme example 1](https://github.com/nickolasrm/TimelineBubbles/blob/main/screenshots/theme1.png)

![Theme example 2](https://github.com/nickolasrm/TimelineBubbles/blob/main/screenshots/theme2.png)

![Theme example 3](https://github.com/nickolasrm/TimelineBubbles/blob/main/screenshots/theme3.png)

## Credits

If this app helped you in some way, don't forget to give it a star!

❤️ Made with love by nickolasrm