Skip to content

LeanMBG/ReactProject

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

React Project (fullstack MERN)

📌 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.

Watch the video

💻 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!

About

React Project FULLSTACK MERN - (React, Node.js, HTML, CSS, JavaScript, MySql)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors