MERN STACK FULL PROJECT MongoDB · Express · React · Node

const postSchema = new mongoose.Schema({
  title:   { type: String, required: true, trim: true },
  content: { type: String, required: true },
  author: {
    type: mongoose.Schema.Types.ObjectId,
    ref: 'User',      // User model ጋር ያያይዛል
    required: true,
  },
  tag:    { type: String, enum: ['tech','life','edu'], default: 'tech' },
  likes:  [{ type: mongoose.Schema.Types.ObjectId, ref: 'User' }],
  createdAt: { type: Date, default: Date.now },
}, { timestamps: true });

const Post = mongoose.model('Post', postSchema);
module.exports = Post;

// GET ሁሉም posts — populate author name
router.get('/', async (req, res) => {
  const posts = await Post.find()
    .populate('author', 'name email') // author info ጨምር
    .sort({ createdAt: -1 });
  res.json({ success: true, data: posts });
});

// POST አዲስ post — protect middleware
router.post('/', protect, async (req, res) => {
  const post = await Post.create({
    ...req.body,
    author: req.user.id, // JWT ውስጥ ካለ user id
  });
  res.status(201).json({ success: true, data: post });
});

// PUT like/unlike toggle
router.put('/:id/like', protect, async (req, res) => {
  const post = await Post.findById(req.params.id);
  const liked = post.likes.includes(req.user.id);
  if (liked) {
    post.likes = post.likes.filter(id => id != req.user.id); // unlike
  } else {
    post.likes.push(req.user.id);  // like
  }
  await post.save();
  res.json({ success: true, likes: post.likes.length });
});

import { useState, useEffect } from 'react';
import { useAuth } from '../context/AuthContext';

function Home() {
  const [posts, setPosts]   = useState([]);
  const [title, setTitle]   = useState('');
  const [content, setContent] = useState('');
  const { user, token }     = useAuth(); // Context ተጠቅሞ

  // Mount ሲሆን posts load ያድርግ
  useEffect(() => { fetchPosts(); }, []);

  async function fetchPosts() {
    const res  = await fetch('/api/posts');
    const data = await res.json();
    setPosts(data.data);
  }

  async function createPost() {
    await fetch('/api/posts', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${token}`,
      },
      body: JSON.stringify({ title, content }),
    });
    fetchPosts(); // Reload
  }

  return (
    <div>
      {posts.map(p => (
        <PostCard key={p._id} post={p} onLike={likePost} />
      ))}
    </div>
  );
}