Features

• Loading rick and morty characters from https://rickandmortyapi.com/
• Check between multiple character if they identical
• Get compare result to csv file
• Python django
• Vue.js
• Swagger https://app.swaggerhub.com/apis/tomy1989/RicknMorty/1.0.0

Rick and Morty compare tool

Table of Contents

• Features

• Rick and Morty compare tool
• Configure backend (Django)
• Configure front (Vue) - Project setup (install needed packages) - Compiles and hot-reloads for development - Compiles and minifies for production - Lints and fixes files - Customize configuration
  • Some Images
  • Some usefull information
  • End

Configure backend (Django)

Backend files you can find in /APi

Make sure you have python3.9+ installed otherwise you will need to install Json1 click for more information

Python installation you can find here

venv folder = enviroment that have been used turn on enviroment when in folder API (not must)

venv\Scripts\activate

In API/api can find file req.txt

Make sure you have pip installed can use this command to install all needed packages: ####Pip install from requirements file, code

req.txt = requirements.txt$ pip install -r /path/to/requirements.txt

if you not have pip installed you can follow instuction here for installing

Run django server

python manage.py runserver

Configure front (Vue)

Front files you can find in /FRONT

Make sure you have Node.js installed otherwise you will need to install click for install

Also make sure you have npm on machine if not you can find more information here

Go to vue project /FRONT/Rick_Morty_Web

Project setup (install needed packages)

npm install

Congratulation everything should be installed ;)

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Some Images

Home page.

Multi search optional.

Identical result popup.

Csv result.

Characters view.

Characters card information.

Some usefull information

for containerize the project with Docker i have this 2 documentation: for django - https://docs.docker.com/samples/django/ and for vue - https://v2.vuejs.org/v2/cookbook/dockerize-vuejs-app.html but i was not sure if need to make one image or two, i read somewhere that the right way is 2 images, i was not sure how to make i would like to get know from you how i should make it work.

backend should be on port 8000 and front on 8080 if port already in use it can run on different ports when you run it the program show you on which port its run take a look at that to make sure everything right if backend run on diffrent port need to change it in EventService.js file to make front access to backend

End