- Initialize
VueJS
and other library
cd vuejs
npm install
npm install --save mitt
npm install --save axios vue-axios
- Initialize python
FLASK
and other library
python-flask\env\Scripts\activate
pip install flask
pip install flask-sqlalchemy
py -m pip install requests
pip install mysqlclient
pip install mysql-connector
pip install Flask-Cors==3.0.10
pip install Flask==2.1.0
pip install flask-sqlalchemy==2.5.1
To run this project, you need to prepare 2 termninal (cmd).
The first one is to activateFLASK
and
the second one is to activateVueJS
Python
FLASK
is for back-end, to connect database.
AndVueJS
is for front-end.
Make sure to activate WAMP/XAMP and IMPORT .sql file to your database/PHPMyAdmin
- [First cmd] Activate python virtual environment (venv) and run
FLASK
, simply just copy this code below
python-flask\env\Scripts\activate
cd python-flask\package
flask run
- [Second cmd] Run
VueJS
cd vuejs
npm run dev
- Finally, open the link on the second cmd.
The link looks like this: http://localhost:5173/
-
username: Victor
password: 12345678 -
username: Jacob
password: 87654321 -
username: Filbert
password: qwerasdf