feat: Community Health Forums (Issue #159)

server/index.js

@@ -158,6 +158,8 @@ app.use('/api/reports', require('./routes/reports'));
 app.use('/api/risk-assessment', require('./routes/riskAssessment'));
 app.use('/api/family', require('./routes/family'));
 app.use('/api/security', require('./routes/security'));
+app.use('/api/hospitals', require('./routes/hospitals'));
+app.use('/api/forums', require('./routes/forums'));
 
 // Health Check / Default route
 app.get('/', (req, res) => {

server/routes/forums.js

@@ -0,0 +1,38 @@
+const express = require('express');
+const router = express.Router();
+const auth = require('../middleware/auth');
+
+// In-memory mock database for forum posts
+let mockPosts = [
+  { id: '1', title: 'Managing Diabetes Tips', author: 'Jane D.', content: 'What are your favorite low-carb snacks?', replies: 5, date: new Date().toISOString() },
+  { id: '2', title: 'Anxiety and Sleep', author: 'Mark T.', content: 'Having trouble sleeping due to anxiety. Any natural remedies?', replies: 12, date: new Date().toISOString() }
+];
+
+// GET /api/forums
+// Fetch all forum posts
+router.get('/', auth, (req, res) => {
+  res.json(mockPosts);
+});
+
+// POST /api/forums
+// Create a new forum post
+router.post('/', auth, (req, res) => {
+  const { title, content } = req.body;
+  if (!title || !content) {
+    return res.status(400).json({ message: 'Title and content are required' });
+  }
+
+  const newPost = {
+    id: Date.now().toString(),
+    title,
+    content,
+    author: req.user?.name || 'Anonymous',
+    replies: 0,
+    date: new Date().toISOString()
+  };
+
+  mockPosts.unshift(newPost);
+  res.status(201).json(newPost);
+});
+
+module.exports = router;

src/App.jsx

@@ -44,6 +44,9 @@ import Login from './pages/Login';
 import Profile from './pages/Profile';
 import DosageCalculator from './pages/DosageCalculator';
 import HealthMetrics from './pages/HealthMetrics';
+import HospitalFinder from './pages/HospitalFinder';
+import CommunityForums from './pages/CommunityForums';
+import CorporateWellness from './pages/CorporateWellness';
 import Footer from './components/Footer';
 import NotFound from './pages/NotFound';
 
@@ -346,6 +349,9 @@ function App() {
           <Route path="/clinics-nearby" element={<ClinicsNearby />} />
           <Route path="/dosage-calculator" element={<DosageCalculator />} />
           <Route path="/health-metrics" element={<HealthMetrics />} />
+          <Route path="/hospitals" element={<HospitalFinder />} />
+          <Route path="/forums" element={<CommunityForums />} />
+          <Route path="/wellness" element={<CorporateWellness />} />
           <Route path="/settings" element={<Settings />} />
           <Route path="/login" element={<Login />} />
           <Route path="/profile" element={<Profile />} />

src/pages/CommunityForums.jsx

@@ -0,0 +1,138 @@
+import React, { useState, useEffect } from 'react';
+import {
+  Box,
+  Typography,
+  Container,
+  Button,
+  Card,
+  CardContent,
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  TextField,
+  CircularProgress,
+  Divider,
+  Avatar
+} from '@mui/material';
+import { Forum as ForumIcon, Add as AddIcon, Comment as CommentIcon } from '@mui/icons-material';
+import API from '../utils/api';
+
+function CommunityForums() {
+  const [posts, setPosts] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [newTitle, setNewTitle] = useState('');
+  const [newContent, setNewContent] = useState('');
+
+  const fetchPosts = async () => {
+    setLoading(true);
+    try {
+      const res = await API.get('/api/forums');
+      setPosts(res.data);
+    } catch (err) {
+      console.error(err);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchPosts();
+  }, []);
+
+  const handlePost = async () => {
+    if (!newTitle.trim() || !newContent.trim()) return;
+    try {
+      await API.post('/api/forums', { title: newTitle, content: newContent });
+      setOpen(false);
+      setNewTitle('');
+      setNewContent('');
+      fetchPosts();
+    } catch (err) {
+      console.error(err);
+    }
+  };
+
+  return (
+    <Container maxWidth="lg" sx={{ mt: 4, mb: 8 }}>
+      <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 4 }}>
+        <Box sx={{ display: 'flex', alignItems: 'center' }}>
+          <ForumIcon sx={{ fontSize: 40, mr: 2, color: 'primary.main' }} />
+          <Typography variant="h4" fontWeight={700}>
+            Community Health Forums
+          </Typography>
+        </Box>
+        <Button variant="contained" startIcon={<AddIcon />} onClick={() => setOpen(true)}>
+          New Post
+        </Button>
+      </Box>
+
+      {loading ? (
+        <Box display="flex" justifyContent="center" mt={4}>
+          <CircularProgress />
+        </Box>
+      ) : (
+        <Box>
+          {posts.map((post) => (
+            <Card key={post.id} sx={{ mb: 2, boxShadow: 2 }}>
+              <CardContent>
+                <Typography variant="h6" fontWeight={600} color="primary" gutterBottom>
+                  {post.title}
+                </Typography>
+                <Typography variant="body1" paragraph>
+                  {post.content}
+                </Typography>
+                <Divider sx={{ my: 1.5 }} />
+                <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+                    <Avatar sx={{ width: 24, height: 24, fontSize: '0.8rem' }}>{post.author[0]}</Avatar>
+                    <Typography variant="body2" color="text.secondary">
+                      Posted by {post.author} on {new Date(post.date).toLocaleDateString()}
+                    </Typography>
+                  </Box>
+                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, color: 'text.secondary' }}>
+                    <CommentIcon fontSize="small" />
+                    <Typography variant="body2">{post.replies} Replies</Typography>
+                  </Box>
+                </Box>
+              </CardContent>
+            </Card>
+          ))}
+        </Box>
+      )}
+
+      <Dialog open={open} onClose={() => setOpen(false)} fullWidth maxWidth="sm">
+        <DialogTitle>Create New Post</DialogTitle>
+        <DialogContent>
+          <TextField
+            autoFocus
+            margin="dense"
+            label="Discussion Title"
+            fullWidth
+            variant="outlined"
+            value={newTitle}
+            onChange={(e) => setNewTitle(e.target.value)}
+          />
+          <TextField
+            margin="dense"
+            label="What's on your mind?"
+            fullWidth
+            multiline
+            rows={4}
+            variant="outlined"
+            value={newContent}
+            onChange={(e) => setNewContent(e.target.value)}
+            sx={{ mt: 2 }}
+          />
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setOpen(false)}>Cancel</Button>
+          <Button onClick={handlePost} variant="contained">Post</Button>
+        </DialogActions>
+      </Dialog>
+    </Container>
+  );
+}
+
+export default CommunityForums;