---
# System prepended metadata

title: Scoby demo

---

# Scoby demo

Homepage: all the icons on the map are clickable with the pop-up info card you can either create a account or sign in
Test account : username: test@test.com / password: test
![](https://i.imgur.com/hrtfOHl.jpg)


|Login | sign up | 
| -------- | -------- | 
| ![](https://i.imgur.com/K6l0rOz.png)  | ![](https://i.imgur.com/GBvTAB9.png)     | 



Clicking on the "Add item" menu will display a form where you can enter the item informations (Category, quantity, address, description, picture, contact)
![](https://i.imgur.com/yTp2icq.jpg)


Once the item is added successfully, the icon will appear on the map. There will a notification banner (or an alert for unsucessful operation), the form will be automatically reset.
![](https://i.imgur.com/CcjixHV.jpg)

Clicking on your email address will open your profile page.
from this page you can edit your phone number, and you can manage your items (either edit or delete)
![](https://i.imgur.com/WtKL5pR.png)


By clicking "edit profile", the personal info can be edited
![](https://i.imgur.com/vOhmVnT.jpg)

All these operation will generate a notification when validated or not.

If you log out and login with new user (Username titi@titi.com password: test). This user can check the item added by other people and contact them if he is interested. He can also add items to give on his own.


For users without a defined phone number, It is possible to add it from the profile page, in the "edit the item form" by clicking "Add now" in the blue container.
![](https://i.imgur.com/ZTZ3sZx.jpg)

Once the phone number is added, it will be updated on the profile page and the modify item page(for choosing the contact method)
![](https://i.imgur.com/yq13nrn.jpg)


Conclusion
1. Features to be added : chatbox/inMail function, online payment method, user star rating.
2. CSS codes need to be improved and cleaned
3. The purpose of this app is to help people reuse things and improve their ecological impact.
