MERN-Stack-Simple-CRUD-App

About Features Tech Stack Getting Started Usage Screenshots Roadmap Contributing License Contact

About the Project

This MERN-Stack-Simple-CRUD-App demonstrates basic CRUD functionality using popular JavaScript technologies. It provides a foundation for learning, prototyping, or extending into real-world applications.

Features

• RESTful API with full CRUD endpoints
• Frontend built in React for intuitive UI interactions
• Backend powered by Node.js and Express
• MongoDB for data persistence

Tech Stack

Layer	Technology
Frontend	React
Backend	Node.js, Express
Database	MongoDB
Optional	Mongoose

Getting Started

Prerequisites

• Node.js (v14+)
• npm or yarn
• MongoDB (local or hosted)

Installation

git clone https://github.com/Devin2002/MERN-Stack-Simple-CRUD-App.git
cd MERN-Stack-Simple-CRUD-App
npm install
cd client
npm install
cd ..

Environment Variables

MONGO_URI=your_mongo_connection_string
PORT=5000

Running the App

# Backend
npm run dev
Frontend

cd client
npm start

Usage

Once running:

1. Visit http://localhost:3000 for the frontend
2. API runs at http://localhost:5000

# GET all items
curl http://localhost:5000/api/items
POST a new item

curl -X POST -H "Content-Type: application/json" -d '{"name":"New item"}' http://localhost:5000/api/items

Screenshots

Home page

Add User page

User Details Edit page

RESTful API Testing

Project Roadmap

• User authentication (JWT)
• Validation and error handling
• Pagination and search filters
• Deployment support

Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature-name)
3. Commit changes (git commit -m "Add feature")
4. Push to your branch (git push origin feature-name)
5. Open a pull request

License

This project is licensed under the MIT License.

Contact

Maintainer: Devin
GitHub: Devin2002

© 2025 Devin. All Rights Reserved.