Skip to content

lucas-louis/timeHe

Repository files navigation

timeHe

A clock app, displaying the current and the future events.

Installation 🛠️

1) Install Docker
Follow this official guide to install Docker.
If you want to play a little bit with Docker, you can follow this tutorial or even our workshop !

2) Install timeHe

# Get the project
git clone [email protected]:lucas-louis/timeHe.git
cd timeHe

# Build timeHe docker image
make build

Configuration 🔧

➡️ Go to the ./src/config/AppConfig.ts file

# To change the name of your app
export const eventName = 'Name of the event';

# To change the sub name of your app
export const eventSubName = 'Sub Name of the event';

# To change the URL of the logo of your app
export const logoURL =
	'https://raw.githubusercontent.com/lucas-louis/timeHe/3b35df9a2ff83411f21a283a43932ca51142a20e/.github/assets/timeHe-white-logo.svg';

# To change the color of the background
export const modalBackgroundColor = '#132b3d';

# To change the color of the title
export const titleColor = '#0da5a0';

# To change the secondary color of the app
export const secondaryColor = '#dfb791';

➡️ Go to the ./src/config/DataActivities.ts file

export const activities = [
  {
    name: 'Event #1',
    # If you don't want a description you can leave empty this variable => (description: '',)
    description: 'Description of the event #1',
    # The dates need to keep this format (YYYY-MM-DDTHH:MM:SS)
    startingDate: '2022-01-13T09:00:00',
    endingDate: '2022-01-13T09:15:00',
  },
  {
    name: 'Event #2',
    # If you don't want a description you can leave empty this variable => (description: '',)
    description: 'Description of the event #2',
    # The dates need to keep this format (YYYY-MM-DDTHH:MM:SS)
    startingDate: '2022-01-13T09:15:00',
    endingDate: '2022-01-13T12:00:00',
  },
  # You can add oher events with the same structure as the previous one, just here \/
];

Quickstart ⏩

Run timeHe 🚀

# If it's the first time => Build and Run timeHe docker image
make

# Otherwise => Run timeHe docker image
make start

You can now see your clock app 💥 !

How ? 🤔

Technologies 🧑‍💻

Live demo 🔴

Just here

Our team 👌

Developer:


Lucas Louis

🚀 Don't hesitate to share this project, and put a star 🌟 on this repositories.

About

A clock app, displaying the current and the future events.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published