Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/saaaaakibhai/abi_webbackend
This is admin panel/control panel of everything such as user,admin,server side.
https://github.com/saaaaakibhai/abi_webbackend
Last synced: 11 days ago
JSON representation
This is admin panel/control panel of everything such as user,admin,server side.
- Host: GitHub
- URL: https://github.com/saaaaakibhai/abi_webbackend
- Owner: Saaaaakibhai
- Created: 2024-09-20T15:19:41.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-11-23T14:14:43.000Z (about 1 month ago)
- Last Synced: 2024-11-23T15:23:17.981Z (about 1 month ago)
- Language: JavaScript
- Size: 1.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ABI Web Backend + Admin Panel
This repository contains the backend control panel for ABI (Amanot Business Invest), managing all aspects of the system including users, admins, and server-side operations.
## Front-End Development Setup
To work on the front-end, we are using **React**. Below are the setup instructions for both Windows and Mac systems:
- **React Installation on Windows:**
[Watch the tutorial](https://youtu.be/yOAZDymGWVw?si=L5nDHh1hgiIUE_Nb)- **React Installation on Mac:**
[Watch the tutorial](https://youtu.be/UzNCh7x1wKw?si=ClcyfYoGfYmuALAE)## Back-End Development Setup
For back-end development, we are using **Node.js (version 18.17.1)**. Follow the instructions below to set up Node.js on your system:
- **Node.js Installation on Windows:**
[Watch the tutorial](https://youtu.be/__7eOCxJyow?si=DXOiBwt5YYvyc7XB)
- **Alternative Node.js Setup Guide:**
[Watch this guide](https://youtu.be/I8H4wolRFBk?si=M3Vo8cJ9Vfhp6vLT)### Database
We will use either **XAMPP** or **MySQL Workbench** for managing the database. Choose one of the following options:
- **XAMPP Installation Guide:**
[Watch the tutorial](https://youtu.be/VCHXCusltqI?si=dN7Vv9m5JfPM6h7K)- **MySQL Workbench Installation Guide:**
[Watch the tutorial](https://youtu.be/uj4OYk5nKCg?si=YscyMZL16S1KGHWl)> **MySQL Version:** Ver 15.1
## Development Environment
For coding and development, we will use **Visual Studio Code** as our local editor. Here’s how to install it:
- **Visual Studio Code on Windows:**
[Watch the tutorial](https://youtu.be/CPmQwlycfGI?si=_2vqavNmYJbiDxb6)- **Visual Studio Code on Mac:**
[Watch the tutorial](https://youtu.be/w0xBQHKjoGo?si=ugxIb5AgoBwMInMN)## Tools and Versions
- **React** (Front-end)
- **Node.js** v18.17.1 (Back-end)
- **MySQL** Ver 15.1 (Database)
- **Visual Studio Code** (Code editor)
- **Express** ^4.21.1 (Framework)## Setup Enviroment For Backend
- npm init -y
- create index.js
- npm install express
- node index.js (For every update we need to type this) For solve this issue we'll install npm install nodemon
- "start" : "node index.js",
- "start:dev" : "nodemon index.js", add this 2 line in package.json file under script## Mysql Setup
- npm install mysql2
## SummaryThis admin panel is essential for managing users, admins, and server-side functionalities for ABI. Please follow the provided installation guides to set up your local environment for both front-end and back-end development.