📌 Project Description This demonstrates a Full Stack MERN project developed as part of my learning journey in web development. It showcases a complete application built from scratch using MongoDB, Express, React, and Node.js, along with other complementary technologies like JavaScript, HTML, CSS, MySQL, Cloudinary, and PHPMyAdmin.
💻 About the Project The web application features a news portal where users can read public posts without logging in. Once logged in as an Admin, full CRUD functionality (Create, Read, Update, Delete) becomes available to manage the content.
Admins can:
Upload images via Cloudinary
Add a title and description
Edit or delete existing news posts
🧱 Tech Stack Frontend: React
HTML / CSS
JavaScript
Backend: Node.js
Express.js
Other Tools: Cloudinary (for image storage)
PHPMyAdmin (for database management)
🔐 Authentication Admin access is protected by a login system.
You must create your own database with custom credentials and configure them in the .env file.
Cloudinary integration requires your own account credentials (the fields are already defined in the code).
🛠️ Setup Notes To test the project:
Create your own Cloudinary account and fill in the config variables.
Set up a MongoDB or MySQL database and define user credentials.
Install dependencies and run the project from the frontend and backend folders.
🎯 Purpose This project was built to practice and demonstrate Full Stack development skills and serve as a base or inspiration for similar projects. I hope it helps someone else in their learning process — enjoy it!
