Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/elrouss/spanish-with-anna

Учебный портал для изучения испанского языка, заказа перевода текстов и получения экскурсионных услуг петербургского испаниста Анны Добкес (проект заморожен)
https://github.com/elrouss/spanish-with-anna

django docker figma html5 javascript next-js postman python scss teamwork

Last synced: 17 days ago
JSON representation

Учебный портал для изучения испанского языка, заказа перевода текстов и получения экскурсионных услуг петербургского испаниста Анны Добкес (проект заморожен)

Awesome Lists containing this project

README

        

Проект: "Español con Anna" 🇪🇸


Главный экран приложения



Оглавление


  1. Описание проекта

  2. Стек технологий

  3. Установка и запуск приложения в локальном репозитории

  4. Процесс создания

  5. Функционал

  6. Наша команда

  7. Статус проекта

  8. Обратная связь



1. Описание проекта


Проект создается по заказу Анны Добкес - известного преподавателя испанского языка в Санкт-Петербурге, переводчика, сертифицированного гида. В конечной реализации он представляет собой приложение с регистрацией и авторизацией пользователей для приобретения онлайн-курсов, занятиями студентов в личном кабинете, заказом услуг перевода и экскурсий. Находится на этапе разработки в 3 ветках: development, а также frontend и backend (подробнее о процессе работы - ниже).

Ссылки на проект
---
**Deploy**


**Frontend:** *появится позже*


**Backend:** *появится позже*

Техническое задание: https://docs.google.com/document/d/1ewrKErNPRKoIIg7E7H9IAvaD_E07nrKHrV8pREKWmdA/edit#heading=h.cp9sw0ch9syr


Макет: https://www.figma.com/file/r3wbGorv7dpmWZiUJS8j09/Spanish-courses_Espanol-con-Anna_ORIGINAL?type=design&node-id=1200-405&mode=dev

(к оглавлению)

2. Стек технологий



Иконка 'Next.js'
Иконка 'JavaScript'
Иконка 'Sass (SCSS)'
Иконка HTML5
Иконка Django
Иконка Docker
Иконка Python
Иконка Postman
Иконка Figma

(к оглавлению)

3. Установка и запуск приложения в локальном репозитории


1. `git clone https://github.com/elrouss/spanish-with-anna.git` - клонировать репозиторий на свое устройство (HTTPS)
2. `git checkout -b development origin/development` - перейти в ветку разработки
3. **frontend:**

3. 1 `cd frontend` - перейти в папку frontend

3. 2 `npm i` - установить зависимости (предварительно проверить наличие Node.js командой `node -v`, а также - NPM командой `npm -v`; в случае необходимости скачать и установить Node.js по этой ссылке)

3. 3 `npm run dev` - запустить приложение и открыть в любом браузере по адресу `http://localhost:3000/`
6. **backend**:

4. 1 `cd backend` - перейти в папку backend

4. 2 скачать и установить Python по этой ссылке

4. 3 `python -m venv venv` (для windows), `python3 -m venv venv` (для linux/macOS) - создать виртуальное окружение

4. 4 `source venv/Scripts/activate` активировать виртуальное окружение на Windows; `source venv/bin/activate` MacOS/Linux

4. 5 `pip install -r requirements.txt` установить зависимости

4. 6 `cd spanish_with_anna` - перейти в папку spanish_with_anna

4.7 в папке backend создайте файл `.env` по примеру `example.env`

4.8 `python manage.py makemigrations` - создать миграции

4.9 `python manage.py migrate` - применить миграции

4.9 `python manage.py runserver` - запустить приложение и открыть в любом браузере по адресу `http://127.0.0.1:8000/`

4.10 `http://127.0.0.1:8000/api/docs/` доступные эндпоинты

(к оглавлению)

4. Процесс создания


Работа выполнена в несколько этапов (каждый из них протестирован, выявленные баги - исправлены):


1. Верстка главной страницы на desktop с интерактивными элементами
2. Верстка форм регистрации, авторизации и обратной связи на десктоп с подключением серверной логики

(к оглавлению)

5. Функционал


- Интерактивные элементы:
- Выпадающее меню
- Карусель с рандомной генерацией карточек на основе сформированного массива данных
- Аккордеон

(к оглавлению)

6. Наша команда



Наталья Дангаева
Наталья Дангаева
Project Manager
💼
Борис Зашляпин
Борис Зашляпин
TeamLead, Frontend
👨‍💻
Александр Товченников
Александр Товченников
Frontend
👨‍💻
Константин Филяев
Константин Филяев
Frontend
👨‍💻
Светлана Логвинова
Светлана Логвинова
Backend
👩‍💻
Ольга Мелихова
Ольга Мелихова
Backend
👩‍💻
Кристина Колабышева
Кристина Колабышева
UI/UX Designer
🎨


Наталья Андреева
Наталья Андреева
Tester
🐞
Ксения Абдуллина
Ксения Абдуллина
Tester
🐞
Анастасия Пастернак
Анастасия Пастернак
Tester
🐞

(к оглавлению)

7. Статус проекта


В разработке

(к оглавлению)

8. Обратная связь


В случае выявления ошибок или предложений по улучшению нашего проекта просим создать здесь заметку с соответствующим тегом. Мы будем крайне признательны за любую обратную связь 🤗

(к оглавлению)



Карусель с отзывами о курсах Анны