Muhammadiyah Welfare Home

Purpose

A platform for boys in a shelter home to purchase items using vouchers and an admin panel for managing inventory and transactions.

Key Features

User Side

• Browse Products: View available items (e.g., backpacks, water bottles).
  
• Request Purchases: Add items to the cart and request purchases using vouchers.
  
• Track Balance: Display the voucher balance for each user.
  

Admin Panel

• User Management: Add or remove users.
  
• Inventory Management: Add, update, or delete products and track stock levels.
  
• Transactions:
  
  • View pending transactions.
    
  • Approve or decline purchase requests.
    
  • View transaction history.
    

Technology Stack

• Frontend: React, CSS, Tailwind
  
• Backend: Node.js, Express
  
• Database: MongoDB
  

Reflection

This project was inspired by the goal of empowering boys in shelter homes by providing them autonomy through a voucher system.

What I Learned

• Developing full-stack applications using the MERN stack.
  
• Creating seamless user experiences with React and Tailwind CSS.
  
• Managing backend processes like inventory and transactions with Node.js and MongoDB.
  

Challenges Faced

• Ensuring smooth integration between the frontend and backend.
  
• Designing a simple yet effective admin panel for ease of use.
  

Built With

• css
• html
• javascript
• mongodb
• node.js
• react