Create an awesome loader

A component that should display the following information:

• owner(s)
• total length
• order of laps
• created at
• updated at

Check the isLapEligible inside the <RoutePlanner />.

• unit tests for functions inside of the components
• render tests for the components

• push notifications
• offline capabilities

Properly format createdAt property for the jog route

Use font-pair

Ask nicely a designer friend to create a funny logo for this amazing app.

• small -> green
• medium -> yellow
• large -> orange
• xlarge -> light red
• xxlarge -> red

• notification system
• invite by e-mail
• search for user by displayName/e-mail
• realtime ???

• owner can invite only 1 other user to collaborate on a specific jog route

Write DOM render tests for:

• <App />
• <Header />
• <Main />
• <Footer />

Implement Dnd using React DnD.

<App /> layout using CSS Grid

Use coolers

Integrate Firebase Realtime Firestore DB

Implement batched writes inside the saveJogRoute function of the <RoutePlanner /> component.

Config JSONs should contain lap sides length (small, medium, large, xlarge)