Giter Club home page Giter Club logo

team27's Introduction

Команда 27

Участники

  • Леонид @bonky_ou - фронтенд
  • Алексей @amrylnikov - бекэнд
  • Кирилл @KKorolevDev - дизайн

Проект

Стек

Frontend: HTML/CSS, Vue, Scss, vite, prettier, JS, UI/UX-дизайн Backend: Python, Django, Postgresql, API, poetry

Реализованные фичи + скрины

  • Каждый раунд начинается с новой позиции карточек.
  • Возможность открывать карточки.
  • Непарные карточки автоматически закрываются, парные остаются открытыми.
  • Ведется подсчет количества сделанных ходов.
  • Предоставляется возможность начать игру заново после завершения предыдущей.
  • После успешного завершения игры появляется экран поздравления.

Инструкция по игре

  1. Зайти на сайт проекта: Memory Game

  2. Выбрать имя игрока и сложность. Form

  3. Нажать кропку "Начать новую игру"

  4. Начать игру, открывая карточки по очереди. Field

  5. При обнаружении пары, они останутся открытыми.

Correct

  1. Если карточки не совпадают, они окрасятся в красный и закроются.

Incorrect

  1. Открыть все карточки для завершения игры.

Инструкция по локальной развёртке

[Шаги по локальной установке и развёртке проекта]

  1. Клонируем проект к себе
  2. Запускаем консоль для сервера бэкэнда
  3. Из папки бэкенда устанавливаем зависимости и запускаем командой:
    pip install --upgrade poetry && poetry build && poetry install && python3 manage.py runserver 8888
  4. Запускаем вторую консоль для сервера фронтенда
  5. Из папки фронтенда устанавливаем зависимости и запускаем командой:
    npm ci && npm run build:local && npm run preview:local
  6. Проект доступен по адресу, указанному в консоли фронтенда: http://localhost:4173/
  7. (Опционально) Также запуск фронтенда локально в режиме разработки:
    npm run dev:local 

Ссылка на деплой

https://memory-27.vercel.app/

Ссылка на проект в Figma

https://www.figma.com/file/4KsvT2mvKPWwtnhc4gKgLI/Jun-Hackathon?type=design&node-id=0%3A1&mode=design&t=ERF1T4H8JQBiZWUN-1

team27's People

Contributors

kkorolevdev avatar markgrushevski avatar amrylnikov avatar

Stargazers

Arthur Ginzburg avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.