open!

A Community for Sharing, Healing, and Support.

Comment

Read This

So probably some of the codes will not work because our configurations(i use t2sde) is different!, probably in yours there will so many bug but in my case i dont have any problem when running & There actually so many features that i want to add but sadly i cant

Inspiration

The inspiration for this project comes from my personal experiences. I admit that i am an introvert, I often find it challenging to share my personal problems even talk with close person like parents, friends , etc. I realized that maybe i can make a platform where anyone could freely express their emotion without fear. open! is born out of this need a community where people can anonymously share their personal issues. I've noticed that many individuals feel isolated when dealing with mental health issues, relationships, discrimination, and more. Through open!, I aim to create a supportive environment where people can speak openly about their problems, knowing that they are anonymous and safe. The goal is to provide a space where everyone feels heard and supported, regardless of the challenges they face in their lives.

What it does

open! allows users to anonymously post their personal problems. open! will ensures that your identity remains secret. Posts are categorized into various types of issues such as discrimination, mental health, family conflicts, relationship problems, etc. Other users can reply to help to offer support in facing these personal challenges.

How i've built it

To create open!, I utilized a combination of technologies. The development process involved the following key steps (Note that open! is not completely build yet there is so many features that i want to add but time says otherwise) :

  • Frontend Development: I use Next.js for front end becuase its efficient server-side rendering capabilities, and i also use with Tailwind CSS for rapid UI development and responsive design. And easy to use

  • Component Integration: I use ShadCN for integrating reusable UI components, facilitating faster development and make development easier

  • File Management: UploadThing come for file uploading capabilities, enabling users to share multimedia content effectively within the community.

  • Data Validation: I use Zod for robust data validation, ensuring that user inputs, such as posts and comments, adhere to specified criteria, enhancing data integrity and security.

  • Real-time Communication: Integrated Svix for real-time notifications, enabling users to receive updates on new posts, comments, replies, etc.

  • Database Management: Employed MongoDB for efficient data storage and management, storing user profiles, posts, and interaction data securely.

  • CSS Optimization: I use PostCSS to enhanced styling efficiency and performance, and optimizing stylesheets to ensure a smooth and responsive user experience across devices.

Challenges that I ran into

  • Backend Development: I realized that I was really really really suck at backend development and forgot about the existence of mentoring. Bruh, I wish I had remembered this; my life would have been easier. I asked for help like from chatgpt, claude, blackbox, stackoverflow, etc. But in the end, I successfully made the backend.

  • Ideating Phase: During the planning phase, I was so confused about what I wanted to create. I didn't know what to make, but eventually, I figured out that this project was the right one, and I found the idea.

  • Anonymity: One of the challenges was creating a system that allows users to post anonymously while ensuring their data remains secure and private. Implementing robust security measures and data encryption was crucial to address this issue.

  • Solo Development: There were another many problems that I encountered, perhaps because I was working solo. Managing everything alone was challenging, but i also saw this as an opportunity to learn something new and gain a new skill.

-Bugs-:This was my biggest challange so far fixing bug, it was so hard to fix some bug here espescially backend, there was so many backend problem here like login problem mongodb problem, that why my ui was so bad i admit it because i dont have enough time to make it good because fixing the backend

Accomplishments that i've proud of

This was actually my first hackathon project, and I'm proud of what I accomplished. It was quite a journey, pushing myself to the limit, especially with so many bugs in my backend. This experience pushed me out of my comfort zone and made me take coding more seriously. Previously, I coded for fun, not very seriously, but this hackathon was the first time I really pushed my limits.

What I've learned

i've learned alot from this hackathon, especially as a junior high school student. I gained new skills in backend development and using various backend tools, all while working solo. I relied on assistance from ChatGPT, AI, GitHub, and Stack Overflow. Managing my time effectively was crucia I learned to prioritize between frontend, backend, ui-ux, etc. This project really pushed my coding abilities to their limits.

What's next for open!

For this project, there are so many features I couldn't include due to time constraints and fixing backend bug. I had plans for community features and various other features, but i couldn't make it into this hackathon. Additionally, I admit that the ui needs improvement too it's was so bad lol . I plan to add these features and make the ui Iook cool after completing the hackathon.

Built With

Share this project:

Updates