🚀 Test Task: Frontend Developer React.js

🎉 Result of the Completed Test Task:

You can view the live project here.

🎨 Description:

Objective: Create an SPA application using React.js.

Pages:

• Favorites
• Warehouse
• Deals

🔗 Design Mockup in Figma

⏰ Timeline:

• Duration: 7 days
• Submission: on GitHub or GitLab.

---

📌 Functional Requirements:

1. Warehouse Page:

• Sort by offer types.
• Search by name.
• Add to deals.
• Add to favorites.

2. Deals Page:

• Sort by offer types.
• Make a payment.
• Add to favorites.

3. Favorites Page:

• Sort by offer types.
• Make a payment.
• Add to deals.

---

📝 Offer Card Description:

• 🖼️ Product image.
• 🏷️ Offer type.
• 📜 Product name.
• 🌍 Product city.
• 🏢 Seller (company name).
• 🎁 Product type.
• 🖊️ Product description.
• 💰 Product price.
• 📦 Product quantity.

---

📋 Tasks:

• Create an "Offer Card" with mock data.
• Display cards on the "Warehouse" page.
• Implement sorting and product search.
• Add products to "Deals" and "Favorites".
• Implement payment functionality on the "Deals" page.

---

🔧 Technical Requirements:

• 📘 React + TypeScript.
• 📦 State manager: Redux Toolkit.
• 🧩 Divide the app into a reasonable number of React components.
• 💄 css-modules with plain CSS.

🌟 Optional Requirements:

• 📚 Use Next.js.
• 🧪 Unit tests.
• 📱 Responsive design.
• 🐳 Docker container.
• 🚀 Hosting deployment.
• ⚙️ Setting up GitHub Actions.