🖥️ Night at the Museum Presentation Reflection

📢 Presentation Overview

During our Night at the Museum (N@tM) presentation, we showcased our social media page project with integrated frontend and backend functionality. Our goal was to demonstrate how user interactions on the frontend (like posting and viewing content) were captured and stored in the backend database, highlighting the full-stack development process. Key features presented included:

A stylish, visually engaging interface with a customized color scheme and layout.
Backend integration using Python, allowing us to store and retrieve user data.
Real-time user interactions, enabling the audience to see the posts displayed live on the page.

👥 Audience Feedback

We received valuable feedback from peers, teachers, and visitors, which provided both praise and suggestions for improvement:

Love the design! Backend and frontend appear functional, great job! The page does seem a bit cluttered at points, so maybe organize items by type?
I really liked the visual appeal of this! Also one thing I noticed that might be a bug or might be intentional is that the image at the top of the page sometimes takes very long to load, so it slowly appears which actually looks really cool. I also like the color scheme. I like how you have backend and front end integration and you showed that through a very engaging presentation!
I like how its connected to the del norte asb store.
Well done! Great job!!
Good effort

Positive Feedback:

The design and color scheme were widely appreciated for their aesthetic appeal.
The functionality and backend integration impressed the audience as it demonstrated a working model of a social media page.
The connection to school-related topics (like the ASB store) was a relatable and engaging touch for our peers.

Areas for Improvement:

Organize layout by grouping content by type to reduce clutter.
Optimize loading time for images or add a loading effect, enhancing the user experience without sacrificing design.

Charts

❓ Questions and Answers

What language was your backend coded in? Do you think it would have been easier in a different language?

Our backend was coded in python, and we don’t know other languages with a deep enough understanding to do it well. However, learning different programming languages will definitely be a useful language in the future.

What was the idea for this social media page, are you planning on implementing it to actually be used in school?

No, but that would be a cool idea. I think this project was a good starting point and introduction to how frontend and backend work together. It is important to know for the future, when we may begin to make apps that collect user input.Summarizing Feedback

Overall, this feedback shows that there is a lot more we can do with this project. We can make it more entertaining and exciting for people to actually use and interact with. Right now, this project was mostly for learning purposes, but there is a lot more we can do with it.

🖥️ Demonstration and Interaction

To showcase our project, we walked the audience through:

Posting on the page to show how data entered on the frontend would appear on the page in real-time.
Backend functionality with a demonstration of how posts were stored and retrieved from the database.
Interactive elements where audience members could engage with the page themselves, testing the posting feature and exploring the layout.

The audience enjoyed interacting with the project directly, which helped them understand the mechanics of a dynamic social media experience.

💭 Reflections and Areas for Improvement

Looking back on this experience, we learned a great deal from both the feedback we received and the engagement with the audience:

Presentation Skills: Sharing our project allowed us to hone our ability to communicate complex technical details, explaining both the frontend and backend functionality in an accessible way for all attendees.
Key Insights: One immediate improvement we could make is streamlining the layout to reduce clutter and focusing on optimizing load times for large assets, which would enhance the overall user experience.

🔄 Next Steps

Building on the feedback and our reflections, here are some concrete steps to move forward with our project:

Improve Page Layout: Rearrange elements by grouping similar items together to create a more organized and user-friendly design.
Speed Up Loading Times: Implement faster loading strategies or introduce a progressive image loading effect to keep the page visually appealing without compromising performance.
Enhance Interactivity: Add features like commenting and liking posts to foster more engagement and interactivity within the social media aspect of the page.

🚀 Final Thoughts

In conclusion, presenting at N@tM was an immensely rewarding experience. Not only did we receive valuable technical feedback, but we also learned a lot by observing how the audience interacted with our project. This experience has inspired us to continue refining and expanding our work, and we’re excited to take the project further in the future.