Project Info
Inspiration
💡 As college students juggling heavy coursework, navigating the path to address global issues can feel overwhelming. Recognizing this challenge, we brainstormed solutions for busy individuals like us to contribute to sustainability. The result is BeSustainable. We are motivated by the idea that individual actions can have a ripple effect, sparking significant change. BeSustainable isn't just an app; it's a movement. Our belief is that by spreading the word about our app, we can empower the average person to contribute to creating a more sustainable world without interpreting their daily lives. We strive to make a difference with BeSustainable, one small step at a time.
What it does
🪴 Encourage sustainability - The primary goal is to increase the sustainability habits of individuals in the world. Empower individuals - BeSustainable strives to uplift the average person to contribute small but impactful changes towards sustainability. Facilitate daily integration - We aim to smoothly integrate sustainable practices into people's lives, enhancing health and well-being without significant disruptions.
How we built it
🛠️ Designs with Figma Frontend was built using MaterialsUI Backend was built using next.js Database MongoDB Spoonacular API Google OCR
Challenges we ran into
⌛️ Design challenges include balancing creativity and feasibility like the flow of the camera page and wanting to add more features to increase user interactions. A frontend challenge was getting used to MaterialsUI Framework and knowing which components to use and was most convenient for our app. Knowing how to format each component to ensure that it follows the designs made for the app. Merge conflicts! We faced challenges in finding a quantitative way to create a sustainability score via a list of ingredients alongside gaining the data of the ingredients in an efficient manner from the barcode and ingredients list scans. We had trouble connecting the MongoDB with our project. We also had a difficult time working with Auth0 in order to create successful login/registration.
Accomplishments we're proud of
👏🏼 We are proud to have created BeSustainable with the intention of increasing sustainability in average people’s lives one step at a time. Our application has a simple and easy-to-use interface that allows the user to quickly access the data through their mobile device. We are also proud of being able to learn new technology in order to create a working app.
What we learned
📔 Our group gained insightful lessons through the development of our application BeSustainable. Some of which are: Discussing the flows and features of the application through the process so we’re on the same page. Creating a general timeline for completing tasks and assigning roles to quicken the development process. Discussing the flows and features of the application through the process so we’re on the same page. Creating a general timeline for completing tasks and assigning roles to quicken the development process.
What's next
⏭️ We would in the future add an AI chatbot that will be able to give recommendation, feedback, as well as additional info the user asks for about any given ingredients! Furthermore, we would like to encourage users to exchange contacts through the app to interact with their friends' posts. As a user obtains a certain sustainability score, they would be able to connect with others around the world rather than just locally.
This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Analysis
View
Metric
- 42
- 15
- 15
- 8
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- CSSIn code
- JavaScriptIn code
- MongoDBIn code
- Next.jsIn code
- OpenAIIn code
- ReactIn code
- TypeScriptIn code
7 of 7 appear in the indexed code.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
82 KB
Source files
36
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
IdkwhatImD0ing/BeSustainable
67 files · 1.1 MB · @ c09627d
Structure
Interface
16 files · 24%Screens, components and styles rendered to the user.
+1 moreAPI & routing
11 files · 16%Request entry points: routes, handlers and controllers.
Application logic
8 files · 12%Domain rules, services and shared utilities.
Data & schema
2 files · 3%Schema definitions, migrations and data access.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- JavaScript96%
- TypeScript2%
- Markdown2%
- CSS0%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
package.json
npm · 30- @auth0/nextjs-auth0
- @emotion/react
- @emotion/styled
- @ericblade/quagga2
- @fontsource/roboto
- @google-cloud/vision
- @mui/icons-material
- @mui/material
- @mui/material-next
- @typegoose/typegoose
- @zxing/library
- axios
- chart.js
- chartjs
- dotenv
- google-gax
- mongodb
- mongoose
- +12 more
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
This project’s features have not been analysed yet.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.