Demo guides › Technology
Mobile App
A landing site for a habit and fitness tracking app: features, screens, pricing, reviews, download page and a help centre.
template/mobile-app/src/demos/mobile-app/Colours#
Set in src/demos/mobile-app/demo.json → theme.
- Primary
#db2777 - Accent
#4f46e5 - Dark
#1d0b2e - Light
#fdf2f8
Colour switcher schemes (colors): Indigo pop, Tangerine, Mint, Grape, Coral, Sky, Lime, Berry, Midnight.
Pages#
| Page | File | Edit in |
|---|---|---|
| Page not found | 404.html | pages/404.json |
| About us | about.html | pages/about.json |
| Blog | blog.html | pages/blog.json |
| Careers | careers.html | pages/careers.json |
| Streakly Watch is coming | coming-soon.html | pages/coming-soon.json |
| Contact | contact.html | pages/contact.json |
| Download Streakly | download.html | pages/download.json |
| Features | features.html | pages/features.json |
| Help centre | help.html | pages/help.json |
| Better together | home-2.html | pages/home-2.json |
| Build habits that stick | index.html | pages/index.json |
| Sign in | login.html | pages/login.json |
| Pricing | pricing.html | pages/pricing.json |
| Reviews | reviews.html | pages/reviews.json |
Generated detail pages#
One page per record in data.json. Add, edit or remove a record and its page follows on the next build.
| Collection | Page template | Pages |
|---|---|---|
features | pages/feature.json | 6: feature-habit-streaks.html feature-guided-workouts.html feature-runs-steps.html feature-food-journal.html feature-sleep-calm.html feature-friend-challenges.html |
help | pages/help-topic.json | 6: help-getting-started.html help-habits-streaks.html help-workouts-tracking.html help-account-billing.html help-privacy-data.html help-challenges-friends.html |
posts | pages/post.json | 6: post-tiny-habits-big-results.html post-home-workout-starter-plan.html post-sleep-routine-that-works.html post-eat-the-rainbow.html post-walking-is-underrated.html post-streakly-3-million.html |
Data collections#
Shared records in src/demos/mobile-app/data.json. The fields of the first record are shown; copy it to add a new one and give it a unique slug.
features (6 records)#
Fields: slug, icon, title, text, subtitle, image, stats, blocks, points
help (6 records)#
Fields: slug, icon, title, text, faqs
reviews (6 records)#
Fields: quote, text, name, role, avatar, rating
team (4 records)#
Fields: name, role, image, social
posts (6 records)#
Fields: slug, image, category, date, readTime, author, authorImage, authorBio, title, excerpt, tags, html, link