Art Waves

Developed a responsive e-commerce platform for "Art Waves," a digital art marketplace, using ReactJS. The website allows artists to showcase and sell their digital artwork, while customers can browse, purchase, and securely checkout.

Tech Stack

• Frontend: React.js, HTML, CSS
• Backend: MockBee
• Payment Integration: Razorpay
• Deployment: Netlify
• Other Libraries and Tools: React Router, Axios, JWT, etc.

Features

• Authentication
  • Login
  • Logout
  • Signup
• Product Listing
• Filter Products by
  • Category
  • Discount
  • Price
  • Rating
• Cart Management
• Wishlist Management
• Search by
  • Product Name
  • Category
• Address Management
• Single Product Page
• Loading & Alerts
• User Profile Page
• Checkout
• Order Summary
• Order History
• Apply Coupons
• Payment Integration
• Responsive

Run Locally

Install dependencies

  npm install

Start the server

  npm run start

"# art-work"

---

🧩 Task Breakdown by Role (Ordered by Importance):

CTO (Chief Technology Officer):

• Objective: Evaluate and guide the overall technical direction of the project.
• Tasks: Assess the tech stack and propose long-term scalability solutions. Identify and recommend security and performance improvements.
• Submission: A strategic technical roadmap. A document outlining security and performance recommendations.

Project Manager:

• Objective: Assess the current project and propose improvements.
• Tasks: Audit team workflows and suggest process improvements. Provide a roadmap for upcoming features.
• Submission: A project assessment document. Recommended workflow and risk analysis.

Technical Lead:

• Objective: Evaluate codebase efficiency and maintainability.
• Tasks: Conduct a code audit for performance bottlenecks. Propose a scalable architecture for the project.
• Submission: A technical review document. Suggested architectural improvements.

Game Director:

• Objective: Integrate gamification mechanics to improve engagement.
• Tasks: Suggest and prototype a reward system for frequent buyers.
• Submission: A document detailing the gamification strategy. Prototype or wireframe showcasing mechanics.

Product Manager:

• Objective: Define product enhancements and user needs.
• Tasks: Analyze user behavior data and propose new features. Develop a feature prioritization plan.
• Submission: A feature roadmap with justifications.

Game Designers:

• Objective: Develop creative and engaging game-like features.
• Tasks: Design interactive elements that enhance user experience.
• Submission: A concept document with wireframes or mockups.

Software Engineer:

• Objective: Improve performance and maintainability of the platform.
• Tasks: Optimize the product listing page to reduce loading time (e.g., implementing lazy loading or efficient API calls). Refactor existing code to follow best practices (e.g., modularization, better state management). Write automated tests to cover key functionalities.
• Submission: Optimized code with explanations of improvements. Before/after performance comparison (e.g., loading time). Test cases and results.

Blockchain Developer:

• Objective: Integrate Web3 payments for digital art purchases.
• Tasks: Implement a smart contract to facilitate NFT-based purchases. Integrate Web3 wallet authentication for user transactions.
• Submission: Smart contract code with deployment guide. Demo of wallet-based login and purchase process.

Web Developer:

• Objective: Improve the UI/UX and fix issues in the eCommerce platform.
• Tasks: Fix UI Bug: Resolve a layout issue where the product images do not scale correctly on mobile devices. (frontend/full stack developer) Enhance Checkout Flow: Implement a more user-friendly checkout modal with animation and validation. (frontend/full stack developer) Authentication: Implement login / register authentication which is already built, just need to figure out to work properly.(backend/full stack developer)
• Submission: Screenshots/videos showing before and after. Code snippets and explanations.

3D Artist

• Objective: Create a 3D product visualization feature.
• Tasks: Design a 3D model display for digital art items using WebGL or Three.js.
• Submission: 3D assets and implementation details. A working prototype of the 3D visualization.

UI/UX Designer:

• Objective: Redesign the product page for better engagement.
• Tasks: Create a visually appealing and user-friendly product details page. Provide wireframes and interactive prototypes (Figma or Adobe XD).
• Submission: A style guide and wireframes. Explanation of design decisions.

QA Tester:

• Objective: Ensure platform stability and usability.
• Tasks: Perform end-to-end testing of user login, checkout, and product browsing. Write automated test cases using Cypress or Selenium.
• Submission: Test scripts and a report of findings.