mbrucedogs/fitness_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Signed-off-by: Matt Bruce <mbrucedogs@gmail.com>

Browse Source
This commit is contained in:
Matt Bruce 2024-12-20 14:04:56 -06:00
parent d7181ae13f
commit cb8f3f7204
3 changed files with 162 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
FitnessApp/ActivityCard.swift → FitnessApp/Home/ActivityCard.swift
View File

181
FitnessApp/Home/HomeView.swift
View File

@ -19,89 +19,124 @@ struct HomeView: View {
Activity(id: 3, title: "Today Steps", subtitle: "50,000 steps", image: "figure.run", tintColor: .red, amount: "104,812")
]
var mockWorkouts = [
Workout(id: 0, title: "Running", image: "figure.run", tintColor: .green, duration: "1 hrs", date: "Aug 3", calories: "100 kcal"),
Workout(id: 1, title: "Strength Training", image: "figure.run", tintColor: .purple, duration: "1.5 hrs", date: "Aug 3", calories: "130 kcal"),
Workout(id: 2, title: "Walking", image: "figure.run", tintColor: .blue, duration: ".5 hrs", date: "Aug 3", calories: "250 kcal"),
Workout(id: 3, title: "Bike", image: "figure.run", tintColor: .red, duration: "2 hrs", date: "Aug 29", calories: "500 kcal")
]
var body: some View {
ScrollView(showsIndicators: false) {
VStack(alignment: .leading) {
Text("Wecome")
.font(.largeTitle)
.padding()
HStack {
Spacer()
NavigationStack {
ScrollView(showsIndicators: false) {
VStack(alignment: .leading) {
Text("Wecome")
.font(.largeTitle)
.padding()
VStack {
VStack(alignment: .leading, spacing: 8) {
Text("Calories")
.font(.callout)
.bold()
.foregroundColor(.red)
Text("123 kcal")
.bold()
}.padding(.bottom)
VStack {
Text("Active")
.font(.callout)
.bold()
.foregroundColor(.green)
Text("52 mins")
.bold()
}.padding(.bottom)
VStack {
Text("Stand")
.font(.callout)
.bold()
.foregroundColor(.blue)
Text("8 hrs")
.bold()
}
}
Spacer()
ZStack {
HStack {
Spacer()
ProgressCircleView(progress: $calories, goal: 600, color: .red)
ProgressCircleView(progress: $active, goal: 600, color: .green).padding(.all, 20)
ProgressCircleView(progress: $stand, goal: 600, color: .blue).padding(.all, 40)
VStack {
VStack(alignment: .leading, spacing: 8) {
Text("Calories")
.font(.callout)
.bold()
.foregroundColor(.red)
Text("123 kcal")
.bold()
}.padding(.bottom)
VStack {
Text("Active")
.font(.callout)
.bold()
.foregroundColor(.green)
Text("52 mins")
.bold()
}.padding(.bottom)
VStack {
Text("Stand")
.font(.callout)
.bold()
.foregroundColor(.blue)
Text("8 hrs")
.bold()
}
}
Spacer()
ZStack {
Spacer()
ProgressCircleView(progress: $calories, goal: 600, color: .red)
ProgressCircleView(progress: $active, goal: 600, color: .green).padding(.all, 20)
ProgressCircleView(progress: $stand, goal: 600, color: .blue).padding(.all, 40)
}
.padding(.horizontal)
Spacer()
}
.padding()
//Fitness Activity
HStack {
Text("Fitness Activity")
.font(.title2)
Spacer()
Button {
print("Show More")
} label: {
Text("Show More")
.padding(.all, 10)
.foregroundColor(.white)
.background(.blue)
.cornerRadius(20)
}
}
.padding(.horizontal)
Spacer()
}
.padding()
//Fitness Activity
HStack {
Text("Fitness Activity")
.font(.title2)
LazyVGrid(columns: Array(repeating: GridItem(spacing: 20), count: 2)) {
ForEach(mockActivities, id: \.id) { activity in
ActivityCard(activity: activity)
}
}.padding(.horizontal)
Spacer()
Button {
print("Show More")
} label: {
Text("Show More")
.padding(.all, 10)
.foregroundColor(.white)
.background(.blue)
.cornerRadius(20)
//Fitness Activity
HStack {
Text("Recent Workouts")
.font(.title2)
Spacer()
NavigationLink(destination: EmptyView()) {
Text("Show More")
.padding(.all, 10)
.foregroundColor(.white)
.background(.blue)
.cornerRadius(20)
}
}
.padding(.horizontal)
.padding(.top)
LazyVStack{
ForEach(mockWorkouts, id: \.id) { workout in
WorkoutCard(workout: workout)
}
}
.padding(.bottom)
}
.padding(.horizontal)
LazyVGrid(columns: Array(repeating: GridItem(spacing: 20), count: 2)) {
ForEach(mockActivities, id: \.id) { activity in
ActivityCard(activity: activity)
}
}.padding(.horizontal)
}
}

54
FitnessApp/Home/WorkoutCard.swift Normal file
View File

@ -0,0 +1,54 @@
//
// WorkoutCard.swift
// FitnessApp
//
// Created by Matt Bruce on 12/20/24.
//
import SwiftUI
struct Workout {
let id: Int
let title: String
let image: String
let tintColor: Color
let duration: String
let date: String
let calories: String
}
struct WorkoutCard: View {
@State var workout: Workout
var body: some View {
HStack {
Image(systemName: workout.image)
.resizable()
.scaledToFit()
.frame(width: 48, height: 48)
.foregroundColor(workout.tintColor)
.padding()
.background(.gray.opacity(0.1))
.cornerRadius(10)
VStack (spacing: 16) {
HStack {
Text(workout.title).font(.title3).bold()
Spacer()
Text(workout.duration)
}
HStack {
Text(workout.date)
Spacer()
Text(workout.calories)
}
}
}.padding(.horizontal)
}
}
#Preview {
WorkoutCard(workout: .init(id: 0, title: "Running", image: "figure.run", tintColor: .green, duration: "1 hour", date: "Aug 3", calories: "100 kcal"))
}