Project Info
This project did not submit a demo video on Devpost.
Inspiration
When we were drafting ideas for CH 2024, we wanted to create something that we would use ourselves. We went through a several ideas pertaining to our local communities, but the idea that stuck out the most to us: we called it SlugHug. It was inspired by the video game "Kind Words", and our distaste for modern-day doomscrolling. We saw the potential for that concept of fleeting, ephemeral messages to be more than just a game - we saw it as the potential to be an entire platform. Somewhere were people would not only using it to relax and for fun, but also the potential for ease of access to legitimate professional health, and potentially more.
What it does
Users can compose messages (slugs) and write whatever they want - troll messages will get flagged by a sentiment analysis AI and sent for review. This person's thoughts are distributed to other users, who will be able to read and respond once only (sending a hug), promoting meaningful, therapeutic writing and conversation, almost like a journal where you know that someone out there would understand you. Once you read a response to your slug, it is gone forever - only the memory of it remains.
How we built it
We began by using Axure RP 10 to prototype the website flow and design. It helped us iron out some kinks with the ideas we had, such as helping us reduce the amount of pages we had planned down to a one-page responsive design. We used the MERN tech stack to develop this.
Challenges we ran into
We ran into a few different problems. Learning an entirely new tech stack, in particular the middleware, was difficult. Balancing time, merge conflicts, documentation, tech stack compatibility, MacOS vs Windows compatibility and cross-platform development were all things we had to consider when building this.
Accomplishments we're proud of
The overall design and flow of the website. There are bubbly cute characters. The fact that several of us took the plunge and learned something completely new - Auth0, UI, Graphic Design, Databases, React...
What we learned
On top of learning the MERN tech stack, we learned the importance of documentation and making sure the things we developed were easily used by others around us.
What's next
In the middle of making our prototypes, we realized that the concept of SlugHug could easily be extended to more than just therapeutic purposes. The nature of our design means it doesn't have to be bound by any specific label. It can expand do other communities such as students and teachers, hobbyists, concert-goers, and more.
SlugHug
Cruzhacks 2024
SlugHug is a way for anyone to anonymously send a fleeting thought out into the world and receive a memorable reply back, whether they want to vent about their day or just send good vibes.
Domain: slughug.us
Collaborators: Marcus Leung, Aniket Tyagi, Konan Le, Yuanbo (Aaron) Pang
Inspiration
When we were drafting ideas for CH 2024, we wanted to create something that we would use ourselves. We went through a several ideas pertaining to our local communities, but the idea that stuck out the most to us: we called it SlugHug. It was inspired by the video game "Kind Words", and our distaste for modern-day doomscrolling. We saw the potential for that concept of fleeting, ephemeral messages to be more than just a game - we saw it as the potential to be an entire platform. Somewhere were people would not only using it to relax and for fun, but also the potential for ease of access to legitimate professional health, and potentially more.
What it does
Users can compose messages (slugs) and write whatever they want - troll messages will get flagged by a sentiment analysis AI and sent for review. This person's thoughts are distributed to other users, who will be able to read and respond once only (sending a hug), promoting meaningful, therapeutic writing and conversation, almost like a journal where you know that someone out there would understand you. Once you read a response to your slug, it is gone forever - only the memory of it remains.
How we built it
We began by using Axure RP 10 to prototype the website flow and design. It helped us iron out some kinks with the ideas we had, such as helping us reduce the amount of pages we had planned down to a one-page responsive design. We used the MERN tech stack to develop this.
Challenges we ran into
We ran into a few different problems. Learning an entirely new tech stack, in particular the middleware, was difficult. Balancing time, merge conflicts, documentation, tech stack compatibility, MacOS vs Windows compatibility and cross-platform development were all things we had to consider when building this.
Accomplishments that we're proud of
The overall design and flow of the website. There are bubbly cute characters. The fact that several of us took the plunge and learned something completely new - Auth0, UI, Graphic Design, Databases, React...
What we learned
On top of learning the MERN tech stack, we learned the importance of documentation and making sure the things we developed were easily used by others around us.
What's next for SlugHug
In the middle of making our Axure prototypes, we realized that the concept of SlugHug could easily be extended to more than just therapeutic purposes. Communities. The nature of our design means it doesn't have to be bound by any specific label. It can expand do other communities such as students and teachers, hobbyists, concert-goers, and more.
Misc
Setup:
run "npm install @auth0/auth0-react" in slughub (client) directory
Running:
run "npm start" in server directory
run "npm start" in slughug directory
Deploying:
"npm run build"
Analysis
View
Metric
- 43
- 31
- 15
- 7
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
- ExpressIn code
- HTMLIn code
- JavaScriptIn code
- MongoDBIn code
- ReactIn code
- Tailwind CSSIn code
- Node.jsClaimed
7 of 8 appear in the indexed code. 1 claimed on Devpost could not be matched to code, which may simply mean the tool leaves no trace in the repository.
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
44 KB
Source files
26
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
marcus-leung/SlugHug
53 files · 13.5 MB · @ ad260cc
Structure
Interface
10 files · 19%Screens, components and styles rendered to the user.
API & routing
7 files · 13%Request entry points: routes, handlers and controllers.
Application logic
6 files · 11%Domain rules, services and shared utilities.
Data & schema
2 files · 4%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
- JavaScript88%
- Markdown7%
- CSS3%
- HTML2%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
server/package.json
npm · 11- axios
- axois
- body-parser
- cors
- dotenv
- express
- kill-port
- mongodb
- mongoose
- multer
- react
slughug/package.json
npm · 9- @auth0/auth0-react
- @testing-library/jest-dom
- @testing-library/react
- @testing-library/user-event
- react
- react-dom
- react-scripts
- web-vitals
- +1 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.