ShareLoop by BBY-03

shareLoop

Our team, BBY-03, is developing shareLoop, a community-driven platform to help reduce waste by facilitating 1) sharing items, and 2) posting requests, hence connecting people and promoting sustainability.

• HTML
• CSS
• JavaScript
• Bootstrap
• jQuery
• EJS

• JavaScript
• Node.js
• Express.js

• MongoDB
• Cloudinary

• Trello
• Figma

      |-- .gitignore
      |-- about.html
      |-- databaseConnection.js
      |-- index.js
      |-- package-lock.json
      |-- package.json
      |-- README.md
      |-- utils.js
      |
      |-- public
      |   |-- backarrow.png
      |   |-- comments.png
      |   |-- insertphotohere.png
      |   |-- notification.png
      |   |-- send.png
      |   |-- sharelooplogo.png
      |   |
      |   |-- assests
      |   |   |-- three-dots-vertical.svg
      |   |
      |   |-- favicon
      |   |   |-- android-chrome-192x192.png
      |   |   |-- android-chrome-256x256.png
      |   |   |-- apple-touch-icon.png
      |   |   |-- browserconfig.xml
      |   |   |-- favicon-16x16.png
      |   |   |-- favicon-32x32.png
      |   |   |-- favicon.ico
      |   |   |-- mstile-150x150.png
      |   |   |-- safari-pinned-tab.svg
      |   |   |-- site.webmanifest
      |   |
      |   |-- scripts
      |       |-- userRating.js
      |
      |-- views
          |-- 404.ejs
          |-- confirmPasswordError.ejs
          |-- createAGroup.ejs
          |-- discoverGroups.ejs
          |-- easterEgg.ejs
          |-- editItem.ejs
          |-- editProfile.ejs
          |-- editRequest.ejs
          |-- groupProfile.ejs
          |-- groupProfileRequests.ejs
          |-- groups.ejs
          |-- index.ejs
          |-- itemDetails.ejs
          |-- login.ejs
          |-- loginError.ejs
          |-- logout.ejs
          |-- myCollections.ejs
          |-- myRequests.ejs
          |-- notification.ejs
          |-- peopleInterested.ejs
          |-- peopleOffering.ejs
          |-- post.ejs
          |-- postItem.ejs
          |-- postRequest.ejs
          |-- profile.ejs
          |-- reqestDetails.ejs
          |-- resetError.ejs
          |-- resetPassword.ejs
          |-- resetSuccess.ejs
          |-- signup.ejs
          |-- submitError.ejs
          |-- submitErrorGroup.ejs
          |-- userNotFound.ejs
          |-- userProfile.ejs
          |
          |-- templates
              |-- collection.ejs
              |-- footer.ejs
              |-- groupPageCard.ejs
              |-- header.ejs
              |-- homepageCard.ejs
              |-- homepageRequestCard.ejs
              |-- itemcard.ejs
              |-- peopleInterestedCard.ejs
              |-- peopleOfferingCard.ejs
              |-- popup.ejs
              |-- requestcard.ejs
              |-- styles.ejs
              |-- svgs.ejs

• Clone the shareLoop repository to your local machine
• Open files in any text editor
• Install dependencies by running npm install
• Sign into MongoDB to gain access to projects database
• Obtain the required env file to run the app
• https://docs.google.com/spreadsheets/d/1p8efw7wRi2t-wBN6ikXTuZw4-JlQmgg8aR4qofniz4w/edit#gid=394496370

See other people’s post:

Click on the “Home” icon in the nav bar. Choose between “items” or “requests” to explore the posts.

Interact with other post:

Click on the “Home” icon in the nav bar. Choose between “items” or “requests” to explore the posts. Click on a post to see the details. Click “Message” icon to leave a comments.

Have a rating system to check the reliability of other users:

Click on “Collection” icon in the nav bar. Toggle to “Requests” or “Item”. Click on the “# people are offering” or “# people are interested”. Click on the user’s profile. Click “Rate this user” button. Slides the button from left to right to rate. Click “Submit Rating”.

Accept requests:

Click on “Collection” icon in the nav bar. Toggle to “Requests”. Click on the “# people are offering”. Click “Accept” button.

Create Group:

Click on “Group” icon in the nav bar will direct user to the Groups page. Click on “Create” button under Group heading. After fiill in the informations, user may click the “Submit” button. A Group is created.

Join different groups:

Click on “Group” icon in the nav bar will direct user to the Groups page. Click on “Discover” button under Group heading to browse for suggested groups to join. Click on the group and click the “Join” button to join different groups.

Check received notifications:

Click on the “Bell” icon on the header nav bar to see the notification

• Express.js Documentation
• MongoDB Documentation
• EJS Templating Documentation
• Node.js Documentation
• Cloudinary Documentation
• Stack Overflow

Yes, we used AI to help create our app. Specifically, we utilized GitHub Copilot and ChatGPT for various aspects of the development process. GitHub Copilot provided real-time code suggestions, helped generate code snippets, and improved our productivity by completing repetitive tasks. ChatGPT assisted with formatting the code, resolving some errors and debugging ensuring that our code was clean and functional.

We did not use AI for creating and cleaning data sets.

No, our app does not incorporate AI as a feature. While we used AI tools during the development process, the final product does not include any AI functionalities or services.

Yes, we encountered limitations while using AI. One significant challenge was that AI does not always provide the correct results. To overcome this, we learned the importance of crafting clear and well-structured prompts. Properly formulated prompts yielded accurate and useful responses, whereas vague or poorly worded prompts often resulted in incorrect or confusing information. By refining our prompt techniques, we were able to mitigate these issues and improve the effectiveness of AI in our development process.

• GitHub
• Trello
• FigJamBoard
• FigmaBoard

• Vanessa La (@svan23)
• Baojimin Sha (@Gems2019)
• Zion Li (@lizion2003)
• Raven Angelo Saballa (@ravenangeloooo)
• Aira Jane Bassig (@airajaneeeee)