Database
specific interval of time. (write java code)
.java and manifest file)
implement recycler view in the Android application
connectivity
<Card
sx={{
height: "100%",
display: "flex",
flexDirection: "column",
transition: "transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out",
"&:hover": {
transform: "translateY(-5px)",
boxShadow: "0 10px 20px rgba(0,0,0,0.1)",
},
}}
>
<CardActionArea onClick={handleClick}>
<CardMedia
component="img"
height="200"
image={product.thumbnail}
alt={product.title}
sx={{ objectFit: "cover" }}
/>
<CardContent sx={{ flexGrow: 1 }}>
<Typography gutterBottom variant="h6" component="div" noWrap>
{product.title}
</Typography>
<Box display="flex" justifyContent="space-between" alignItems="center" mb={1}>
<Chip label={product.category} size="small" sx={{ mr: 1, textTransform: "capitalize" }} />
<Typography variant="body2" color="text.secondary">
{product.brand}
</Typography>
</Box>
<Box display="flex" alignItems="center" mb={1}>
<Rating value={product.rating} precision={0.1} size="small" readOnly />
<Typography variant="body2" color="text.secondary" sx={{ ml: 1 }}>
{product.rating.toFixed(1)}
</Typography>
</Box>
<Box display="flex" alignItems="baseline">
<Typography variant="h6" color="primary" sx={{ fontWeight: "bold" }}>
${(product.price * (1 - product.discountPercentage / 100)).toFixed(2)}
</Typography>
{product.discountPercentage > 0 && (
<>
<Typography variant="body2" color="text.secondary" sx={{ ml: 1, textDecoration: "line-through" }}>
${product.price}
</Typography>
<Chip label={`-${product.discountPercentage.toFixed(0)}%`} color="error" size="small" sx={{ ml: 1 }} />
</>
)}
</Box>
</CardContent>
</CardActionArea>
</Card>