Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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
## Summary

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