mdsaymun / basic-blog-project

14th Assignment

মডিউল ১৮ এর এসাইনমেন্ট

Assignment: Basic Full-Stack Blog Project using MERN

Task 1: Backend Setup using Express.js and MongoDB

1. Set up a new Node.js project and install the required dependencies (express, mongoose, etc.).
2. Create an Express.js server with routes for CRUD operations on blog posts.
3. Define a Mongoose schema for the blog posts with fields like title, content, author, and createdAt.

Implement API routes for:

1. Fetching all blog posts
2. Fetching a single blog post by ID
3. Creating a new blog post
4. Updating an existing blog post
5. Deleting a blog post

Task 2: Frontend Setup using React

1. Set up a new React project using create-react-app.

Create components for:

1. A blog post list to display all available blog posts
2. A single blog post view
3. A form to add/edit blog posts

Use React Router to handle different routes:

1. / for displaying the list of blog posts
2. /post/:id for displaying a single blog post
3. /create for adding a new blog post
4. /edit/:id for editing an existing blog post

Task 3: Connecting Frontend and Backend

1. Utilize Axios or another HTTP library to make API requests from the frontend to the backend.
2. Fetch all blog posts and display them in the blog post list component.
3. Implement functionality to view a single blog post and its details.
4. Create forms to add new blog posts and edit existing ones.

Task 4: Styling and UI Enhancement

1. Apply basic styling to your components using CSS or a CSS framework like Bootstrap or Tailwind CSS.
2. Ensure that the user interface is user-friendly and responsive.

Task 5:

1. Implement user authentication and allow only authenticated users to create, edit, and delete blog posts.
2. Add comment functionality to the blog posts.
3. Implement a search feature to search for blog posts based on titles or keywords.

Submission Guidelines

Submission Instruction :

1. Please create a note.txt file with in the GitHub repository.
2. Please deploy your app
3. Please include your deployed version link, server site GitHub repository link, client side repository link in the note.txt file
4. Please submit your GitHub repository link.