fanjayahack.id

"code for the future" menyalahh abangkuu

Comment

💡 Inspiration We were inspired by a simple but relatable idea: “Every photo has a story.”

In a world full of scrolling and fast content, we often forget to pause and appreciate the small moments. NotesApp was built to be a personal space where users can upload a photo, write a short note, and preserve a memory — something that’s both emotional and timeless.

🛠️ What it does NotesApp allows users to:

Upload an image

Add a title and a short description/story

View all previously saved notes (their personal memory gallery)

It acts as a digital diary, where users can store and revisit their life moments visually and emotionally.

🔧 How we built it We developed NotesApp as a full-stack web application:

Frontend: Built using React.js

Styling: Designed with Tailwind CSS for responsive and clean UI

Backend: Node.js with Express.js for handling routes and logic

Database: MySql

Our team collaborated using GitHub, dividing tasks based on strengths — frontend, backend, and UI/UX — and merged them during the final stages.

🧱 Challenges we ran into Handling image upload and connecting it properly from frontend to backend

Making sure the UI remains simple but not empty

Fixing last-minute bugs and async issues

Managing time effectively as a team of four under limited hours

Balancing between new ideas and sticking to the MVP

🏅 Accomplishments that we're proud of We completed the full flow from upload to displaying saved notes

The user experience feels personal and clean

We kept everything lightweight yet meaningful

We worked smoothly as a team even though we were all remote

We built something emotional, not just functional

📚 What we learned Technical: Integrating image uploads, using Tailwind CSS effectively, structuring fullstack projects

Soft skills: Communication, task division, and staying calm under pressure

Understanding that even simple apps can carry strong emotional impact if the user experience is thoughtful

🚀 What's next for fanjayahack.id Add authentication so users can have private galleries

Allow sharing memories publicly (if users want)

Add tagging and filtering by emotion (happy, sad, peaceful, etc.)

Enable multiple image uploads in one note

Possibly develop a mobile version using React Native

Built With

Share this project:

Updates