import React, { useState } from 'react'; import { View, Text, ScrollView, TouchableOpacity, Image } from 'react-native'; import { BarChart, LineChart } from 'react-native-gifted-charts'; import { Wallet, Calendar, Bell, Heart, BookOpen, CheckCircle, TrendingUp, Users, Settings } from 'lucide-react-native'; const DashboardScreen = () => { const [financeData] = useState([ { value: 15000, label: 'Jan' }, { value: 20000, label: 'Feb' }, { value: 18000, label: 'Mar' }, { value: 25000, label: 'Apr' }, { value: 22000, label: 'May' }, ]); const [wellnessData] = useState([ { value: 70, label: 'Mon' }, { value: 85, label: 'Tue' }, { value: 90, label: 'Wed' }, { value: 75, label: 'Thu' }, { value: 80, label: 'Fri' }, { value: 95, label: 'Sat' }, { value: 85, label: 'Sun' }, ]); const [tasks, setTasks] = useState([ { id: 1, title: 'Pay electricity bill', completed: false }, { id: 2, title: 'Call insurance company', completed: true }, { id: 3, title: 'Grocery shopping', completed: false }, ]); const [events] = useState([ { id: 1, title: "Doctor's Appointment", time: '10:00 AM' }, { id: 2, title: 'Team Meeting', time: '2:00 PM' }, { id: 3, title: 'Dinner with Family', time: '7:00 PM' }, ]); const toggleTaskCompletion = (id: number) => { setTasks(tasks.map(task => task.id === id ? { ...task, completed: !task.completed } : task )); }; return ( {/* Header */} My Life Welcome back, Ahmed {/* Finance Summary */} Finance Overview View Details Total Balance $12,450 This Month +$1,250 {/* Wellness Score */} Wellness Score View Details 82 /100 {/* Quick Actions */} Finance Calendar Habits Spiritual {/* Tasks */} Tasks View All {tasks.map((task) => ( toggleTaskCompletion(task.id)} > {task.completed && } {task.title} ))} {/* Upcoming Events */} Upcoming Events View Calendar {events.map((event) => ( {event.title} {event.time} ))} ); }; export default DashboardScreen;

React Native My Life App Preview

Project Screens for My Life App