🎁 About SCIdrop

Simple website made with Django and Vue frameworks. It contains openable chests with custom items (e.g. skins for the SCImulator game). Everything works on the user's account balance based on the real currency.

🎥 Here you can watch video presenting the website

⚙️ Setup guide:

The best way to start is to open two different terminals - one for backend commands, and another one for frontend

❗You need to have Python3 and NPM package manager installed

🔧 Backend:

1. Install necessary libraries (Pillow, Django):

> pip install -r requirements.txt

2. Migrate to create database:

> python manage.py makemigrations backend

or (if above returned anything):

> python manage.py makemigrations

then:

> python manage.py migrate

3. If you want to start with two example chests, type:

> python manage.py loaddata example_chests.json

and unzip media.zip file in to the media folder. Hierarchy should look like this:
SCIdrop/media/chestCovers and SCIdrop/media/skinCovers

4. To run a backend API:

> python manage.py runserver

🖼️ Frontend:

1. Install dependencies

> cd frontend
> npm install

2. To run a frontend:

> npm run dev

To start, go to localhost:5173

💻 Used technologies

Frontend:

• HTML
• CSS
• JavaScript (with Vue, Vite and Axios)

Backend:

• Python (with Django and Pillow)
• SQLite3

🎨 All of the drawings in the media folder were made by Mewash