Code Monkey home page Code Monkey logo

placify's Introduction

logo Coverage Status

Цель

Создать веб-приложение, с помощью которого люди смогут хранить свои впечатления о посещаемых местах.

Описание задачи

Пользователь заходит на сайт и видит страницу с кратким описанием сервиса. Также, он замечает кнопки “Войти с помощью Google” (или VK, на Ваше усмотрение), нажимая на которую Google/VK предлагает ему разрешить доступ к его базовой информации.

Он разрешает доступ, после чего должна открыться страница. В ее шапке будет имя и фотография (информация взята из профиля Google/VK), по центру страницы надпись “У вас нет ни одного воспоминания”, кнопка “Добавить воспоминание” (ее расположение на ваше усмотрение), при нажатии на которую должна открываться форма с возможностью указания места на карте, а также поле для ввода названия и поле для ввода комментария об этом месте.

Далее пользователь может нажать на кнопку “Сохранить”, после чего он снова попадает на домашнюю страницу со списком из этого элемента и возможностью добавлять новые места. Весь добавленный список мест будет отображаться на домашней странице.

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

Что получилось

  • Смог реализовать весь нужный функционал.
    • Авторизация VK
    • Добавление новых мест
    • Отображение мест на главной
    • Выход из аккаунта
  • Авторизация VK через приложение social-django и получение данных через VK API
  • Отображение карт через Yandex Maps API
  • Стили bootstrap
  • Coveralls.io бейдж с процентами покрытия тестами
    • Почему-то он показывает 76%, хотя coverage показывал мне 99% на локальной машине. Скорее всего это из-за того, что в тестах методы не запускаются напрямую, а через фейковые запросы

Что НЕ получилось

  • Хотелось сделать, что после авторизация ссылка на аватарку сразу сохранялась, но как-то всё не получалось, и решил пока скачивать аватарку отдельно через VK API
  • Немного кривой дизайн, но я не фронт от слова совсем
  • Хотел прикрутить тесты на .pre-commit-config.yml, но вышла странная ситуация: Я сейчас на Windows и чтобы запустить интерпретатор мне нужно написать "py". На Linux же другая команда, соотвественно .pre-commit-config не давал мне запушить. Хотел бы как-то решить этот конфликт с разными системами, не прибегая к тому чтобы писать только на Linux. Решил пока просто убрать тесты здесь, т.к. они есть в github actions

Запуск

docker-compose up

Домен

Приложение будет доступно на:

127.0.0.1:8000

Тесты

python3 placify/manage.py test

placify's People

Contributors

stirk1337 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.