🌟 E-commerce для продажи элитной недвижимости 🏡

Этот проект — fullstack веб-приложение для продажи элитной недвижимости, разработываемое как учебный проект для портфолио. В нем используются современные технологии с акцентом на UI/UX дизайн и анимированные элементы.

🛠️ Технологии и стек

Проект построен с использованием передовых технологий, которые обеспечивают гибкость и отличную производительность:

Frontend:

• 🚀 Next.js
• ⚛️ React
• 📝 TypeScript
• 🎨 Tailwind CSS
• 🖌️ Lucide React
• 🏃 Framer Motion
• 🌀 ReactLenis SmoothScrolling
• 🌈 Shadcn UI

Backend:

• В будущем будет реализован, на чём пока неизвестно.

📦 Как установить и запустить проект

Чтобы запустить проект на своем компьютере, выполните несколько простых шагов:

1️⃣ Клонируйте репозиторий:

git clone https://github.com/ecommerse-fullstack-app
cd ecommerse-fullstack-app

2️⃣ Установите зависимости:

npm install
# или
yarn install
# или
pnpm install

3️⃣ Запустите проект:

npm run dev
# или
yarn dev
# или
pnpm dev
# или
bun dev

📂 Структура проекта

Проект организован следующим образом:

public/
  |-- bg.jpg  # Фон для сайта (можно переименовать)
source/
  |-- app/
      |-- auth/         # Фронт для авторизации и регистрации
      |-- pages/        # Страницы проекта (About, Contact, Catalog)
  |-- components/       # Компоненты сайта
  |-- lib/              # Утилиты и библиотека с настройками

💡 Особенности проекта

✨ Адаптивность

Проект полностью адаптирован для различных устройств, включая мобильные телефоны, планшеты и десктопы. Все работает без сбоев на любых экранах!

🎨 Дизайн и UX

• UI/UX: Внимание уделено удобству и красоте интерфейса.
• Анимации: Все анимации разработаны с использованием Framer Motion.
• Фильтры: В будущем добавятся фильтры для каталога, чтобы пользователь мог легко искать объекты по нужным параметрам.

🔐 Авторизация и регистрация

На данный момент реализован фронт для авторизации и регистрации. В ближайших версиях появятся дополнительные функции безопасности, такие как восстановление пароля и подтверждение через email.

💳 Система оплаты и Backend

• Система оплаты пока не интегрирована, но планируется добавить тестовую систему (например, Stripe).
• Backend будет реализован в будущем.

🐞 Проблемы и ограничения

• Фильтры каталога еще не добавлены, но планируется сделать их удобными и красивыми.
• Деплой пока не настроен, но это будет в следующем релизе.

🛠️ Как внести свой вклад

Этот проект является учебным, и в нем нет открытого процесса для вкладов. Однако, если вы хотите адаптировать проект для своих нужд, пожалуйста, используйте его как основу.

🚀 Будущие планы

• Завершить разработку backend.
• Добавить систему оплаты (например, с Stripe).
• Доработать каталог недвижимости.
• Реализовать фильтры и сортировку для удобного поиска.
• Добавить многоязычную поддержку для пользователей по всему миру.

📚 Дополнительные ресурсы

Вот несколько полезных материалов и каналов, которые могут помочь вам при разработке подобных проектов:

• 🎥 Канал JSMastery — для отличных курсов по JavaScript, React и Next.js.
• 🛠️ Инструмент для создания UI компонентов Shadcn UI — полезный для создания компонентов.
• 💳 Stripe API — https://stripe.com/nl/payments — поможет интегрировать платёжную систему в ваш проект.