Inspiration
We have different memories with different groups of people and when we remember them, we feel nostalgic. Those memories and emotions are special because of the people that were with us in that exact moment of time. When we reminisce through various mediums such as videos, photos, or text, they often evoke a hint of sadness alongside the emotions associated with the memories because those people may not be with you at the present. Not only with people but we have memories with different personal belongings, pets or even when we are alone on a journey or adventure. So we decided to make a web-app that helps people enjoy these memories to its fullest by unlocking them only when all of the group meets-up either virtually or physically. Moreover, to have the full experience we have to capture the details which we may not think as important in past but definitely something to look through in the future. Similarly , there are some particular moments, only meant for the eyes of few. Such as embarrassing, weird and unbelievable experiences that only holds meaning because of the people that where there to witness.
What it does
Our web app does the following thing:
- Einstein-Rosen bridge: This is a section where we can send some some media files to our future self to a later date and time to relieve the moment and reflect upon ourself on how much we have grown from the past. These pictures can only be viewed at future and cannot be accessed by user in the present.
How we built it
We have used Next.js to build this web-app. For styling and designing the user interface, we utilized Tailwind CSS, a utility-first CSS framework that allowed us to rapidly prototype and customize the appearance of our web app. For our backend we used kintone.
Challenges we ran into
The main challenge we ran into was the lack of team members and time constraints, as we are a team of two. Balancing the workload and managing various aspects of the project required effective time management and prioritization. Additionally, integrating Auth0 for authentication and configuring Kintone as our database posed challenges due to our limited experience with these technologies.
Accomplishments that we're proud of
We are most proud that we completed the project in time despite being a two man team and successfully hosted our web-app using Vercel.
What we learned
The first and important thing we learned that, always have more teammates if you wanna take naps and get more sleep.🥹 On the technical side, we learned about Auth0 and kintone and how to implement them. We also learned a crazy load of tailwind css features to make the web-app look more interactive, engaging and beautiful.
What's next for Steins portal
We will make more improvement on the security of our website to protect the users data and privacy. Furthermore, we are hoping to implement an AI video editor that could combine the pictures, videos and text the user uploads and create awesome edits from them.
A new Feature:
- Polaroid Image Background: We display images of the users choice and move them randomly on the screen.
- Steins-realm: Here we have created a separate section, where the data that the user wants to store, can only be viewed only by selected members. But here is the catch, to access the files the users needs a secret key (password) and each part of the key is divided among the members that are assigned to the time of creation. So, now we can fully have a happy nostalgia moment as the files can only be open if everybody is together either physically or virtually and contributes their parts of password.
Built With
- auth0
- javascript
- kintone
- next
- resend.com
- tailwind
Log in or sign up for Devpost to join the conversation.