mern-stack-project

MERN Stack Integration Assignment

This assignment focuses on building a full-stack MERN (MongoDB, Express.js, React.js, Node.js) application that demonstrates seamless integration between front-end and back-end components.

Assignment Overview

You will build a blog application with the following features:

RESTful API with Express.js and MongoDB
React front-end with component architecture
Full CRUD functionality for blog posts
User authentication and authorization
Advanced features like image uploads and comments

Project Structure

mern-blog/
├── client/                 # React front-end
│   ├── public/             # Static files
│   ├── src/                # React source code
│   │   ├── components/     # Reusable components
│   │   ├── pages/          # Page components
│   │   ├── hooks/          # Custom React hooks
│   │   ├── services/       # API services
│   │   ├── context/        # React context providers
│   │   └── App.jsx         # Main application component
│   └── package.json        # Client dependencies
├── server/                 # Express.js back-end
│   ├── config/             # Configuration files
│   ├── controllers/        # Route controllers
│   ├── models/             # Mongoose models
│   ├── routes/             # API routes
│   ├── middleware/         # Custom middleware
│   ├── utils/              # Utility functions
│   ├── server.js           # Main server file
│   └── package.json        # Server dependencies
└── README.md               # Project documentation

Getting Started

Accept the GitHub Classroom assignment invitation
Clone your personal repository that was created by GitHub Classroom
Follow the setup instructions in the Week4-Assignment.md file
Complete the tasks outlined in the assignment

Files Included

Week4-Assignment.md: Detailed assignment instructions
Starter code for both client and server:
- Basic project structure
- Configuration files
- Sample models and components

Requirements

Node.js (v18 or higher)
MongoDB (local installation or Atlas account)
npm or yarn
Git

Submission

Your work will be automatically submitted when you push to your GitHub Classroom repository. Make sure to:

Complete both the client and server portions of the application
Implement all required API endpoints
Create the necessary React components and hooks
Document your API and setup process in the README.md
Include screenshots of your working application