Ammar Elbehery
Рейтинг
Уровень владения языками
Навыки и умения
Программирование
Дизайн и арт
Портфолио
-
Помечено: Платформа электронной коммерции
Создание сайта под ключTagged — это платформа электронной коммерции одежды, созданная для того, чтобы позволить клиентам покупать и продавать одежду и аксессуары от местных египетских брендов. Проект был создан как каталог, чтобы помочь клиентам открывать новые местные бренды и легко просматривать продукты, объединяя множество новых и независимых брендов, у каждого из которых есть свои собственные веб-сайты, в одном месте.
Проблема:
С увеличением числа местных брендов, появляющихся в Египте, клиентам часто бывает сложно открывать и сравнивать эти бренды, так как каждый бренд поддерживает свой собственный отдельный веб-сайт. Tagged решает эту проблему, размещая несколько местных брендов на одной платформе, что упрощает клиентам поиск, сравнение и покупки в различных магазинах без необходимости переходить по разным веб-сайтам.
…
Цели и задачи:
Основной целью было создать удобную и визуально привлекательную панель управления для владельцев брендов, которая была бы интуитивно понятной и простой в использовании. Кроме того, витрина, ориентированная на клиентов, должна была быть простой и бесшовной, обеспечивая, чтобы процесс покупок и заказов не прерывался ненужной сложностью. По мере развития проекта он был разделен на две части: сторону клиента для просмотра товаров и управления заказами, и панель управления магазина для владельцев брендов, чтобы управлять своими продуктами и отслеживать свои заказы.
Процесс разработки:
Разработка началась с проектирования UX/UI, обеспечивая, чтобы как панель управления для владельцев брендов, так и витрина для клиентов были ясными и легкими для навигации. Изначально обе секции были спроектированы с двумя представлениями на часть/страницу, но этот подход вскоре оказался неэффективным. Приложение было затем разделено на две отдельные части: витрину, ориентированную на клиентов, и панель управления брендом, что позволило сосредоточиться на дизайне и функциональности в каждой области.
Ключевые функции:
Некоторые из самых заметных функций Tagged включают:
Регистрация и вход пользователей: Пользователи могут создавать учетные записи и входить на платформу.
Поиск и фильтрация товаров: Надежная система поиска и фильтрации позволяет пользователям быстро находить конкретные товары.
Единая корзина покупок: Клиенты могут добавлять товары из разных магазинов в одну корзину и оформлять заказ сразу.
Отслеживание статуса заказа: Клиенты могут отслеживать прогресс своего заказа от ожидания до доставки.
Информация о магазине: Пользователи могут просматривать детали магазина, включая ссылки на социальные сети и показатели производительности, такие как среднее время доставки и уровень возвратов.
Конфиденциальность клиентов: Магазины видят адреса клиентов только тогда, когда это необходимо для доставки, обеспечивая конфиденциальность.
Уведомления по электронной почте: Как пользователи, так и магазины получают уведомления по электронной почте о новых заказах, отменах заказов и обновлениях статуса.
Вариации продуктов: Магазины могут добавлять товары с несколькими вариантами цвета и размера, управлять уровнями запасов и связывать изображения с вариациями продуктов.
Подробная аналитическая панель: Магазины имеют доступ к аналитической панели, отображающей различные показатели производительности и визуализации данных.
Заключение и выводы:
Создание Tagged помогло развить экспертизу в дизайне UX и архитектуре многокомпонентных систем. Разделение приложения на сторону клиента и панель управления владельца магазина позволило обеспечить большую гибкость и ясность в реализации функций. Кроме того, соображения конфиденциальности и управление многомагазинными операциями предоставили ценные идеи для создания безопасной и эффективной платформы электронной коммерции.
-
КураФлоу: Полная система управления клиникой
Создание сайта под ключCuraFlow — это комплексная система управления клиникой, разработанная для оптимизации операций в клиниках. Она включает модули для управления сотрудниками, отслеживания пациентов, услуг врачей и планирования встреч. Кроме того, CuraFlow предоставляет продвинутую аналитику для администраторов и интегрирует систему управления доступом на основе ролей (RBAC) для безопасного управления сотрудниками. Система была разработана для клиента, которому нужно было индивидуальное решение, превышающее возможности существующих инструментов управления клиникой.
Проблема:
Клиника клиента управляла своими операциями, используя комбинацию ручной работы и электронных таблиц Excel, что было неэффективным и подверженным ошибкам процессом. Им требовалось надежное цифровое решение, которое могло бы управлять всеми аспектами их клиники, от записей пациентов и встреч до управления сотрудниками и врачами. Существующие рыночные решения либо не имели необходимых функций, либо были недостаточно гибкими для их конкретного рабочего процесса. Этот разрыв привел их к запросу индивидуального решения — CuraFlow — адаптированного под их точные требования.
…
Цели и задачи:
Основная цель:
Создать универсальную систему управления клиникой, которая исключает необходимость в нескольких системах, поддерживает интерфейсы для врачей, администраторов и сотрудников и модернизирует операции клиники.
Дополнительные задачи:
Сделать систему полностью удаленной с возможностями обновления по воздуху (OTA).
Обеспечить гибкость системы для обработки различных индивидуальных требований, таких как пакеты скидок для пациентов и сложное планирование встреч.
Процесс разработки
Разработка началась с исследования альтернативных решений, которые клиника уже пробовала, с акцентом на выявление их проблемных точек. С этого момента началась основная часть проекта с проектирования схемы базы данных, обеспечивая охват всех аспектов управления клиникой.
После завершения схемы последовали несколько итераций дизайна UX/UI, чтобы соответствовать рабочему процессу и предпочтениям клиента. После окончательной доработки дизайна началась фаза реализации, сосредоточенная на маршрутах приложения, логике и API.
Поскольку это была команда из двух человек, не была соблюдена формальная методология разработки, но работа была высоко коллаборативной, что обеспечивало соответствие каждой части системы потребностям клиента.
Результаты:
CuraFlow успешно модернизировала операции клиники, автоматизировав многие задачи, которые ранее выполнялись вручную. Теперь у клиента есть система, которая эффективно управляет встречами, платежами и сменами сотрудников и врачей, все адаптировано под их конкретный рабочий процесс.
Ключевые функции:
Некоторые из наиболее заметных функций CuraFlow включают:
Планирование встреч: Интеллектуальная система, которая предотвращает конфликты встреч и обеспечивает точное отслеживание посещений пациентов.
Медицинские формы пациентов: Интерактивные графики, отображающие прогресс в медицинских формах пациентов, позволяя врачам визуализировать изменения с течением времени.
Управление платежами: Гибкая система обработки платежей, которая отслеживает как долги врачей, так и то, что они должны получить, учитывая проценты и прошлые платежи.
Полная система RBAC: Управление доступом на основе ролей, чтобы гарантировать, что сотрудники имеют доступ только к тем функциям, которые необходимы для их должности.
Обновления OTA: Система обновляется удаленно, обеспечивая клиникам наличие последней версии без ручного вмешательства.
-
Настроение: Веб-приложение для социальных сетей
Создание сайта под ключVibe — это веб-приложение для социальных сетей с разнообразными функциями для вовлечения пользователей, такими как посты, лайки, комментарии и упоминания пользователей. Проект начался как финальное задание для CS50 и позже превратился в личный проект для изучения и практики React и Next.js.
Проблема:
В отличие от традиционных проектов, Vibe не был создан для решения конкретной проблемы пользователя. Вместо этого он служил платформой для изучения и исследования современных веб-технологий. Основная задача заключалась в улучшении навыков разработки и понимании полного стека веб-разработки.
…
Цели и задачи:
Основной целью Vibe было создание быстрого, удобного веб-приложения для социальных сетей с отличным пользовательским опытом, адаптивным дизайном и сильной SEO-оптимизацией. Кроме того, он служил платформой для освоения React, Next.js и разработки полного стека, позволяя исследовать современные веб-технологии через практическую реализацию.
Процесс разработки:
Проект начался с дизайна UX/UI, что было критически важно, учитывая, что Vibe — это платформа, ориентированная на пользователя. Было сделано несколько итераций дизайна, пока не был достигнут удовлетворительный, эстетически приятный интерфейс. После завершения дизайна этап разработки включал поэтапную реализацию функций, начиная с основной функциональности и постепенно добавляя новые возможности со временем.
Результаты:
Vibe был завершен за два месяца, но продолжает развиваться по мере добавления новых функций. Проект успешно демонстрирует навыки в современных фреймворках веб-разработки и базах данных, с сильным акцентом на пользовательский опыт.
Ключевые функции:
Некоторые из наиболее заметных функций Vibe включают:
Регистрация и вход пользователей: Пользователи могут создавать учетные записи, входить в систему и управлять своим профилем.
CRUD посты: Пользователи могут создавать, читать, обновлять и удалять посты, с возможностью упоминать других пользователей.
Комментарии и реакции: Пользователи могут комментировать посты, ставить им лайки и реагировать на посты с помощью пользовательских реакций.
Страницы профилей: У пользователей есть собственные страницы профилей для просмотра постов и активности.
Система подписок: Пользователи могут подписываться на других и видеть их посты в персонализированной ленте.
Уведомления: Пользователи получают уведомления, когда кто-то ставит лайк их посту или подписывается на них.
Адаптивный дизайн: Приложение было разработано с приоритетом на мобильные устройства, но хорошо адаптируется к большим экранам настольных компьютеров.
Заключение и выводы:
Работа над Vibe позволила получить практический опыт с Next.js, React и PostgreSQL, улучшая как фронтенд, так и бэкенд навыки разработки. Это было особенно ценно, так как это был первый проект такого рода.
Активность
| Последние ставки 2 | Бюджет | Добавлена | Сроки | Ставка | |
|---|---|---|---|---|---|
|
Создать страницу nextjs + react
2580 UAH
|
|||||
|
Ландинг страничка интернет провайдера
10 320 UAH
|