Skip to content

GoIT-Python-Web/Front-end-Python-Web-PhotoShare

Repository files navigation

📷 PhotoShare — App for Sharing Moments

🔗 Посилання


🛠️ Розгортання проєкту

📦 Встановлення залежностей

npm install

📦 Запуск проєкту

npm run dev

Структура .env файлу

Перед запуском проєкту потрібно створити .env файл у корені фронтенду та додати туди такі змінні:

VITE_APP_GEO_API_KEY=
VITE_APP_GEO_API_HOST=
VITE_APP_BASE_URL= // посилання на бекенд

🔑 Отримати ці значення можна на сервісі RapidAPI, зареєструвавшись та обравши API для геолокації, наприклад GeoDB Cities API або подібний.

🚀 Про проєкт

PhotoShare — це сучасний веб-застосунок для обміну фотографіями. Користувачі можуть публікувати пости, переглядати фото інших, залишати коментарі, ставити оцінки, а також змінювати ролі користувачів та адмініструвати систему.


🧩 Основний функціонал

  • 🖼️ Публікація постів з фото та описом
  • 🔍 Пошук і фільтрація за тегами, місцем і назвою
  • 💬 Коментарі до постів
  • ⭐ Оцінювання фотографій
  • 🖌️ Візуальні фільтри до фото (градація сірого, сепія, яскравість тощо)
  • 📎 Генерація QR-коду до фото для збереження або поділитися
  • 🧑‍🤝‍🧑 Перегляд профілів інших користувачів
  • 🔁 Редагування свого профілю та постів
  • 🛡️ Панель адміністратора: бан користувачів, зміна ролей
  • 👮‍♂️ Ролі користувачів: USER / ADMIN

⚙️ Технології

🖥️ Frontend

  • React
  • JavaScript
  • Redux Toolkit
  • React Router
  • Formik + Yup
  • CSS
  • Cropper.js

🔧 Backend

  • FastAPI
  • PostgreSQL
  • SQLAlchemy
  • Pydantic
  • JWT Auth
  • Cloudinary
  • Alembic
  • CORS / OAuth2
  • Swagger UI

Releases

No releases published

Packages

No packages published

Contributors 5