Added backend api for story page

hiring-portal/Backend/controllers/postsController.js

@@ -0,0 +1,26 @@
+const Post = require("../models/postModel.js");
+
+// Fetch all posts
+const getPosts = async (req, res) => {
+    try {
+        const posts = await Post.find();
+        res.status(200).json(posts);
+    } catch (error) {
+        res.status(500).json({ message: "Error fetching posts", error });
+    }
+};
+
+// Save a new post
+const savePost = async (req, res) => {
+    const { title, content, category, date } = req.body;
+
+    try {
+        const newPost = new Post({ title, content, category, date });
+        const savedPost = await newPost.save();
+        res.status(201).json(savedPost);
+    } catch (error) {
+        res.status(500).json({ message: "Error saving post", error });
+    }
+};
+
+module.exports = { getPosts, savePost };

hiring-portal/Backend/models/postModel.js

@@ -0,0 +1,12 @@
+const mongoose = require("mongoose");
+
+const postSchema = new mongoose.Schema({
+    title: String,
+    content: String,
+    category: String,
+    date: { type: Date, default: Date.now },
+});
+
+const Post = mongoose.model("Post", postSchema);
+
+module.exports = Post;

hiring-portal/Backend/routes/storiesRoutes.js

@@ -0,0 +1,9 @@
+const express = require("express");
+const { getPosts, savePost } = require("../controllers/postsController.js");
+
+const router = express.Router();
+
+router.get("/getposts", getPosts);
+router.post("/saveposts", savePost);
+
+module.exports = router;

hiring-portal/Backend/server.js

@@ -17,6 +17,8 @@ const discussion = require('./routes/discussionRoutes')
 const contactRoutes = require('./routes/contactRoutes');
 const feedbackRoutes = require('./routes/feedbackRoutes');
 const visitorRoutes = require('./routes/visitorRoutes');
+const stories = require("./routes/storiesRoutes.js");
+
 
 
 const blogRoutes = require('./routes/blogRoutes')
@@ -60,6 +62,8 @@ app.use("/api", contactRoutes);
 app.use("/api", feedbackRoutes);
 app.use("/api", visitorRoutes);
 app.use("/api/discussion", discussion);
+app.use("/api/stories", stories);
+
 
 
 

hiring-portal/src/Components/Stories.jsx

@@ -10,18 +10,50 @@ const Stories = () => {
     const [category, setCategory] = useState('');
 
     useEffect(() => {
-        const savedPosts = JSON.parse(localStorage.getItem('stories')) || [];
-        setPosts(savedPosts);
+        // Fetch posts from the backend API
+        const fetchPosts = async () => {
+            try {
+                const response = await fetch('http://localhost:5000/api/stories/getposts');
+                if (response.ok) {
+                    const data = await response.json();
+                    setPosts(data);
+                } else {
+                    console.error("Failed to fetch posts");
+                }
+            } catch (error) {
+                console.error("Error fetching posts:", error);
+            }
+        };
+
+        fetchPosts();
     }, []);
 
-    const handleSubmit = (e) => {
+    const handleSubmit = async (e) => {
         e.preventDefault();
 
         if (title && content && category) {
             const newPost = { title, content, category, date: new Date().toISOString() };
-            const updatedPosts = [newPost, ...posts];
-            setPosts(updatedPosts);
-            localStorage.setItem('stories', JSON.stringify(updatedPosts));
+
+            try {
+                const response = await fetch('http://localhost:5000/api/stories/saveposts', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify(newPost),
+                });
+
+                if (response.ok) {
+                    const savedPost = await response.json();
+                    setPosts([savedPost, ...posts]);  // Add the new post to state
+                } else {
+                    console.error("Failed to save the post");
+                }
+            } catch (error) {
+                console.error("Error saving the post:", error);
+            }
+
+            // Clear form fields
             setTitle('');
             setContent('');
             setCategory('');