27 March
I got it deployed.. finally 
a simple Showroom for you Replit Apps. See what other coded and present yours. You get a personal page for your Apps like
You can add likes and share comments on other Apps
Hope you like it, and it helps to promote your App even more.
Best
Christian
- February:
01:42:32
Still getting mad about that my Deployed Version does not act as my Developer Version. What can I do? The Ai is kinda overwhelmed. Deployed Version vs. Dev Version, hmm. And while in my Dev Version the /showroom works beautiful, showing all the projects from all users.. in the deployed version, as you possible can see yourself, its " No projects found
Hmm, itās quiet hereā¦ Too quiet. Why not be the first to add a project?"ā¦
WT>> Coconutā¦
Next:
I would love to go back to Checkpoint 2 hrs ago, just to see if it would worked there, because I trust not so long ago it was working, the reason why I made my first Post here in this threat.
but if my checkpoint 2hrs ago is not the best one, i would like togo forward again my timemachineā¦ nope, not possible. so better dont go back, being stuck in the present. Doing a Backup / remix doesnt help, because it does not remember a checkpoint. I would <3 to have a timemachine. a few days. self chosen checkpoints. if something happens, i like to go there, if its the wrong one, lets go reverse again until i find my best spot.
Boomer. I can not do that!
What now? Deleting this Topic hereā¦ how do preserve my imagesā¦ lolā¦ one thought hunts the other. I decided to keep it and add my little updates. Going to back Agent V1 and working with him to fix that Situation. Wish me luck. I really with this little App is fun for you.
First User!!!:
Thanks to PetDiary by Frank Cheung
He is the first adding a project.
Welcome, Congrats, Hooyah, Hooyah.. Replit Dev!
I see it in my developer version, because I access the same database.
So why in the beautiful universe does it not show in my deployed version??
/showroom ā¦ HELLO??
Update:
Right now my Developer Environment shows me Projects in my App.
In the Deployed Version it says āNo Projectsā. Until u login and goto /showroom. Sorry about that. Work in Progress.
One of the things I wish Replit does better.
Deployed App is same as Development App.
A few times now I experienced that my Deployed app has some bugs that my Development App doesānt have.
The new Agent V2 is somehow cool, also too many times it keeps running for ages, repeating old tasks already done. I will have to switch it of. Going back to Agent V1.
This Post is originally written by the Replit Assistant, prompted with the Introduction from Replit about the Showroom
// I will add personal annotions starting with //
Replit Tracker: A Visual Portfolio for Replit Projects
Direct Link: https://replittracker.replit.app
Project Description
Replit Showroom is a visual portfolio platform designed specifically for Replit users to showcase their projects. It allows developers to organize, categorize, and present their work in an attractive, user-friendly interface with a focus on visual appeal and easy navigation.
Technologies and Replit Features Used
- React with TypeScript for the frontend
- Express.js backend with a RESTful API
- PostgreSQL database with Drizzle ORM
- TailwindCSS for responsive styling
- React Query for state management
- Firebase for authentication
- Shadcn UI components for consistent design
- Replit Deployments for hosting the application
- Replit AI Assistant for code generation and problem-solving
Key Challenges and Solutions
Challenge 1: Image Management
Storing and serving project screenshots efficiently was a major challenge. I implemented a base64 encoding system that stores images directly in the database, allowing for quick retrieval without additional storage services.
// I never got the Replit Object Storage to work. Drove me crazy, thats why i used (not most effective) the Database as Image Storage. If someone can help me to get the Object Storage to work, I will give my Honor.
Challenge 2: Responsive Layout Across Devices
Creating a consistent experience across devices required careful planning. I solved this by implementing a flexible grid layout with Tailwind CSS that adapts to different screen sizes, combined with responsive card components.
// I simply went from the basic layout I got as prototype. Still like to make it more appealing and cool.
Challenge 3: Real-time Sorting and Filtering
Implementing fast sorting and filtering without page refreshes was crucial for user experience. I leveraged React Queryās caching capabilities along with client-side filtering to ensure smooth interactions.
// yes, the fast search (updating the cards in realtime, category and by likes/comments is what I really like. Most Probs I have right now is with Likes/Comments to update as I change them in 2 of 3 Pages. Why it works fine in one and not in the other 2 I dont get.
Implementation Highlights
// Project card display with conditional rendering for various layoutsconst ProjectContent = ({ expanded }: { expanded?: boolean }) => { return ( <div className={expanded ? āspace-y-4ā : āspace-y-2ā}> {project.imageData && (
/api/projects/${project.id}/image} alt={project.name} className=āobject-cover w-full h-fullā /> {project.name}
{project.priority}{project.description}
// thats possible nuts to share, but the assistant brought it in while I asked to follow the Replit Advice how to present a Project.
Future Plans
- Collaboration Features: Allow multiple users to collaborate on showcased projects
- Enhanced Analytics: Track views and engagement with projects
- Social Sharing Integration: Make it easier to share projects on social media platforms
- Custom Themes: Allow users to personalize their showcase with custom themes
- Mobile App: Create a companion mobile app for on-the-go project management
// thats the latest suggestions of the Assistant. I am ok with.
Live Demo:
Visit my deployed application here:
The animated background gradient on the showroom page creates a visually appealing experience that highlights projects while maintaining readability.
// u possible will not recognize it consciously, its a very subtle silver color fading happening.
This project demonstrates the power of Replitās full-stack development capabilities, from database integration to deployment, all within one platform!
ā¦
// yes, i just can confirm this so far. Thank you Replit.
AGENT & ASSISTANTā¦ AND DEPLOYING
Lā„VE it!
---- Now the boring part:
Why I did this and whats my next Intention?
I am a Coder for over 40 Years, 1982 to be exactly. A kiddo in its puberty. Girls very confusing, Creative, full of Passion, challenging Past. Computer got my Buddy. Logic, Reasonable, Simple. 0/1. My IT-Teacher told me after four week. 'I cant teach you more, you can do what you want". I did.
It took me over 25 Years getting my Breakthrough. Than it got magical. Still crazy, also financial definitely a difference to what I felt for 40 Years. Financial Anxiety.
Gone! I felt free in this Topic. I mean absolute free.
I came able todo whatever I always wanted, and more. Becoming able to ask personal Questions to Tony Robbins, Donny Epstein, Ray Dalio, Bill Clinton, Joe Dispenza, Peter Diamandis and other Leaders in their Field.
Names I heard about before, and now I find myself hanging out with them.
Was it always like this. No, am I still hanging around with the often. No. I feel fulfilled. Settled, not hungry.
Ok. Last is a Lie. I am always hungry for more. More Joy, More Value, More for all of us.
Thats why I could not continue coding as I did for so long.
Learning a new Computer Language came easy, they all follow the basic principles. I got in contact and practice with several. Basic, Assembler, Modula, Pascal, ā¦ go from here and end somewhere at ajax, sql, php.
It got tiring.
AI came along. Yupidu.
ChatGpt, Claudeā¦
Wohh, Python. I never learned, I just did let code by that AI Models.
Cursor .. yeah, even more options. Finally an app that goes through several files, not just one.
Replit.. cool.. confusing, bye
Cursor againā¦
Replit again at one point. Wohh the Agent. U got me.
And I can download the source and host it myself.
No closed System with fancy features, that when closed, also ends all my work and data, because I cant transfer them to any other system.
And BEST. One click and my App is deployed as a Web App. No thinking about a Server, AWS and all thatā¦ xyz. Scaleable, sureā¦ Deploy. Done.
.. Just Praise?
hmmm. I would really like to have the Option to publish my Apps also in the App Stores of Google and Apple. All it needs is a simple Wrapper App that loads my WebApp. I did this ten Years ago with some of my Work. Somewhere I still have the Code. Do I like todo the Action looking for, Working with xCode and Java to compile to make a Wrapper App. No!
And I may have to adjust a few things to make the Store Confirm, Appropriate. As they dont like just pure WebApps. So it needs some native Features. A Menu is already on, a native Ad another one, or purchase option. Sure than the Stores will like it. Getting some $ from our Work. I am good with that.
So here my Challenge to Replit. Give me the Option with one Click to generate Apps for Google, Apple, Amazon (whats else thereā¦ VR?)
with my App embedded. With some features as I wrote above.
A Thank you is guaranteed. Even some extra $ for that Feature.
What else?
I want to connect. With you, the Replit Community even more.
My little Replit Tracker App. Born from the Love I have for the https://replit.discourse.group/c/showcase threat. People sharing their Work and support each other. I love it. I just wanted to lift it up one step.
Giving myself, you, all of us, the option to track our Replit Apps, present them to others and see what others created in a simple app. While I thought to open it for other Apps, I think I am on the right track to keep this a niche. Hooyah, Hooyah Replit Coders !!
I will share more about my other Projects soon. A few you will see in the actual ReplitTracker : https://replittracker.replit.app/
Feel invited to share your Project there too, and let me know your Experience with the App. I am dedicated to answer each of you personally and in time. Thanks so much for you share. Here in the Forum and everywhere you appear with you best work.
Yours
Christian
