Disclaimer: This project doesn't have any authentication method for security.
| Side | Technologies |
|---|---|
| Frontend | ReactJS - Redux - Axios |
| Backend | Python - Flask |
| Database | MySQL |
You should install and use these requirements before use this project.
| Requirement | Version |
|---|---|
| NodeJS | 16.20.0+ |
| NPM | 8.19.4+ |
| Python | 3.10+ |
| MySQL | 5.5 or 5.6 or 5.7 |
You can follow these steps to start the application.
- in macOS/Linux:
$ pip install virtualenv
$ python3 -m venv venv
$ . venv/bin/activate
- in Windows:
$ pip install virtualenv
$ py -3 -m venv .venv
$ .venv\Scripts\activate
$ pip install -r requirements.txt
$ cd frontend/
$ npm install
Open env.py and edit SQLALCHEMY_DATABASE_URI based on your mysql database information.
It should be like this example: mysql://username:password@server/db
Note: make sure your MySQL is running and works.
$ flask db upgrade head
$ flask run --host=0.0.0.0
Note: make sure you are in the frontend directory.
$ npm start
By default, your backend server is running at 127.0.0.1:5000 and your frontend is running at 127.0.0.1:3000.
If you changed the server address you should change let apiPrefix = "http://localhost:5000/api" in the redux actions.
| URL | Method | Input Params | Success Output | Errors |
|---|---|---|---|---|
/api/login |
POST | {"username": username} |
{"status": true, "user": userData} |
404 If user not found and 500 for server errors |
/api/register |
POST | {"username": username, "fullname": fullname, "email": email} |
{"status": true, "user": userData} |
403 If user exists and 500 for server errors |
/api/picture |
GET | user_id: userId, page: requestedPageNumber | {"status": true, "pictures": picturesList} |
404 If not exists and 500 for server errors |
/api/picture |
POST | formData(username: username, picture: pictureFile) | {"status": true, "picture": pictureData} |
404 If the user not exists and 500 for server errors |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent