Project Info
Inspiration
Our inspiration for this project came from the app BeReal, which is successful due to its unique approach to social accountability. We decided to take that concept and apply it to the health and wellness space.
What it does
Accountable at its core is a social accountability app that allows users to create and join focus groups with their friends. Each user is allowed to establish what daily habits they want to build/maintain and mark them as complete for the day. Every user is additionally allowed to view their friend's habits and their progress for the day as long as they belong in the same group. Accountable sends out push notifications reminding users to complete their tasks for the day and also refreshes the progress and timer to complete their habits at 12AM every day. Accountable will also send out push notifications to notify users of group members that didn't complete their task for the day, which is a unique take on social accountability and gives the app an almost competitive feel to it.
How we built it
We used: Frontend: React Native (Expo) Backend Services: Supabase for authentication, database, and serverless functions Other Service: Twilio (SMS workflow, limited due to free trial constraints) We aimed for a low code backend for Accountable by leveraging Supabase's capabilities to focus more on user experience and group features.
Challenges we ran into
Learning Curve: For some team members, this was our first time working with modern frameworks like React Native, so some hours were spent brushing up on the basics like HTML and CSS. New Tools: Getting up to speed with React Native and Supabase required hours of reading documentation, trial-and error, and debugging. API Constraints: We had to work around Supabase and Twilio's free trials which meant not as much flexibility in terms of API support. Time Constraints: Shipping MVP meant pivoting and sacrificing some additional features we had in mind for the app.
Accomplishments we're proud of
Despite all the aforementioned challenges we faced, we pushed through and came out with a working MVP that we hope the CruzHacks judges would love to interact with.
What we learned
While Accountable is a simple solution in concept, building it came with its fair share of technical and teamwork challenges. We're proud of what we accomplished during CruzHacks and have undoubtedly come out as better developers and team players.
What's next
We plan to ship features that were not able to make it onto the MVP for Accountable such as image uploading and group leaderboards. This is a project that we are proud of and thus willing to maintain and improve upon, and we hope that Accountable could someday live up to its potential with all of its robust features.
Welcome to your Expo app 👋
This is an Expo project created with create-expo-app.
Get started
-
Install dependencies
npm install -
Start the app
npx expo start
In the output, you'll find options to open the app in a
- development build
- Android emulator
- iOS simulator
- Expo Go, a limited sandbox for trying out app development with Expo
You can start developing by editing the files inside the app directory. This project uses file-based routing.
Get a fresh project
When you're ready, run:
npm run reset-project
This command will move the starter code to the app-example directory and create a blank app directory where you can start developing.
Learn more
To learn more about developing your project with Expo, look at the following resources:
- Expo documentation: Learn fundamentals, or go into advanced topics with our guides.
- Learn Expo tutorial: Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
Join the community
Join our community of developers creating universal apps.
- Expo on GitHub: View our open source platform and contribute.
- Discord community: Chat with Expo users and ask questions.
Analysis
View
Metric
- 42
- 23
- 7
- 1
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
- JavaScriptIn code
- ReactIn code
- SupabaseIn code
- TypeScriptIn code
4 of 4 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
131 KB
Source files
42
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
akchro/accountability-app
57 files · 879 KB · @ 753e7e8
Structure
Interface
27 files · 47%Screens, components and styles rendered to the user.
Application logic
13 files · 23%Domain rules, services and shared utilities.
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
- TypeScript96%
- JavaScript3%
- Markdown1%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
package.json
npm · 43- @expo/vector-icons
- @react-native-async-storage/async-storage
- @react-navigation/bottom-tabs
- @react-navigation/native
- @rneui/themed
- @supabase/supabase-js
- base64-arraybuffer
- expo
- expo-blur
- expo-camera
- expo-constants
- expo-font
- expo-haptics
- expo-image-manipulator
- expo-linear-gradient
- expo-linking
- expo-media-library
- expo-router
- +25 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.