simple-control-panel Project

Overview

This is a simple-control-panel project built using Node.js, Express.js, React, and MongoDB (Mongoose). It provides a backend interface for handling data and a frontend interface for efficient content management.

Features

• CRUD operations for managing data
• Environment variables management with dotenv
• Routing with react-router-dom
• API requests handled using Axios
• Modern and stylish UI design

Tech Stack

Backend:

• Node.js - Server runtime
• Express.js - Backend framework
• Mongoose - MongoDB object modeling
• dotenv - Environment variable management
• colors - Terminal text styling
• cors - Cross-origin resource sharing
• date-fns - Date utilities

Frontend:

• React - Frontend library
• React Router DOM - Client-side routing
• Axios - HTTP request handling
• Prop-types - Type validation for components
• date-fns - Date formatting utilities

Installation & Setup

1. Clone the Repository

git clone https://github.com/ayoub-ben-99/simple-control-panel.git
cd simple-control-panel

2. Backend Setup

cd backend
npm install

Create a .env file in the backend folder and add:

PORT=5000
MONGO_URI=your_mongodb_connection_string

Run the backend server:

npm start

3. Frontend Setup

cd frontend
npm install
npm start

API Routes

Method	Route	Description
GET	/users	Get all users
POST	/users/add	Create a new user
GET	/users/view/:id	Get user by ID
PUT	/users/update/:id	Update user by ID
DELETE	/users/delete/:id	Delete user

Screenshots

- dark mode

- Light mode

Contributors

• ayoub yeager