A clock app, displaying the current and the future events.
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
➡️ 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 \/
];
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 💥 !
Technologies 🧑💻
Just here
Developer:
Lucas Louis |
---|
🚀 Don't hesitate to share this project, and put a star 🌟 on
this
repositories.