
AppSponsor.it
Discover new apps & websites | Share apps-websites-startups
As the number of apps increases day by day, I had to find an optimum solution to incrementally load the content.
So I run into the so called "Interception Observer", an observer whose role is to trigger some action, for example, when an element on the viewport became visible.
So the idea was to initially load 8 apps, then when the user scrolls and reaches the end of the page (or, the beginning of my footer), load other 8 apps.
This is the final IntersectionObserver code I am using:
var isLoading = false;
let footer = document.querySelector('footer');
let observer2 = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
// if I do not check isLoading, I risk to call loadMore while another request is still running, causing duplicates in the output
if (entry.isIntersecting && !isLoading) {
isLoading = true;
// show the loading spinner
$("#main").show();
// an ajax call to get 8 more apps and add them to the viewport
loadMore();
}
});
}, {threshold: 0.1, root: null });
observer2.observe(video);
Thanks to this code I've achieved a great speedup in the first loading.
I didn't measure it but it's noticeable (loading 8 apps instead of all of them is a big difference).
Take a look if you're interested!
On july my 2nd year period of exams was over.
I was thirsty. All that studying, theory.. my creative mind was imploding.
I was at the beach, with my friends, when I had an idea... the idea.
- A platform to find, discover new apps.
- Android, iOS or Desktop apps.
- Find new websites, startups.
- Share apps.
- Help devs improve their products visibility, for free.
All this in one single place.
I didn't know where to began.
My web skills were really basic.
I just did know about a framework (CodeIgniter) and bootstrap.
I knew that the toughest part is the beginning.
You have all those ideas, plans that your mind is just stuck.
When it's the moment to begin, your brain just freezes.
Somewhere I read that it's quite useful split your ideas in smaller parts, just like the top-down process in software engineering.
Okay, easy, got it. I opened my beloved notepad++ and started typing.
How many things. I was just scared.
Soon I realized that even they were a lot, every single item was just simple to achieve.
Thanks to that silly list I was able to take the project from a complex state, to a complicated one. (I know that for most of you this may seem exaggerated, but for me it was really hard)
On July 13th, I wrote its first line of code.
I managed to build the back-end core and the first UI in 2 weeks of work.
I was kinda satisfied, but sooner I had to understand some tough lessons, and first of all: SEO
My website was slow, un-optimized, sluggish, caotic (It's a pity I didn't take any screenshots of it, so just trust me..).
Note: I was using a bootstrap starter template, a complete mess. Shame on me.
At that point I just lied to myself.
I thought that it was just good (all that hard work, I thought) but hell, it wasn't.
I've been trying to share it on the socials for weeks, but without success, since it was one of the thousands websites randomly blocked by the amazing facebook anti-malware algorithm, so I switched to other platforms like twitter.
Everything was just, useless. There was something wrong in its foundation. I had just to admit it.
Three weeks later I decided.
I had to get rid of that starter theme and re-build everything from scratch, or at least with some good tools.
Just thinking at it, I had the headache.
Luckily I discovered 'materializecss' a really good CSS library.
It was love at first sight. Immediate, clean tags, lightweight.
After a week of work, everything was almost ready.
Even if it doesn't count for SEO (I don't remember honestly) I used PageSpeed for comparisons.
Before: mobile 33, desktop around 60
After: mobile 88, desktop 100
They were just numbers, but heck, the difference was noticeable.
I had the first responses just after some days, where the first user sent the first request.
I just can't describe how I felt.
Even if I wasn't earning a single penny, I was happy, satisfied.
At this point of the story we are on the 2nd of September.
Magically, after the 4th attempt, but just the first with the new core, I got AdSense approved. And that's not a case.
In the meanwhile other people approached on the website and keep sending requests.
Everything was butterly smooth.
Visitors increased and i got my first earnings (9$ in a day and I already saw myself in New York, flexing my Ferrari).
Talking seriously, I just didn't care about money, I needed ads to pay the servers.
A week ago I realized an Android app for it, it just took me 3 days of work thanks to my past experience.
Today is the 21st of September and I wanted to share with you this journey.
Althought there are tons of things to improve, the most important lessons I've learned so far, are:
- Always check your progress and validate it step-by-step. Don't just work and keep adding things.
- Do not use pre-built templates
- Split your ideas in smaller parts
- The hardest part is the beginning. The sooner you start, the sooner you'll finish.
- Google for technical alternatives before proceeding
- Do not get pissed off. Even if you are a noob web developer like me. If you have problems, just go on StackOverflow and search for them. Do not waste your time.
- Harness the power of social media (Ow, just to say, my website's banned on facebook yet)
- Don't give up, if your idea's good, it will get what it deserves.
Hope you enjoyed this.
Now I leave you with a quote from a book that really helped me during the process: The 4 hour work week by Timothy Ferriss (I suggest you reading the chapters about Definition and Elimination)
If something doesn't scare you, it isn't just enough.
Happy coding guys!
6 Likes
Comment
pt. 1 because it is the first one I share here..
People do not trust. Overall when your services are free.
People always have something to say, most of time, just to make you piss off.
A user on Reddit: "You can't say that your platform is free when you run ads on it"
I mean, do you know that servers are not free at all?
I'd like to get into their minds in the very moment they start typing those things.
Anyway
Yesterday I realized that I did not include an 'About us' section, it's so elementary but at the same time so important. Added it.
I am so noob
How do you increase your product appeal?
I thought about something like a rating section with user comments. But I'm not sure.
5 Likes
4 Comments
4 Comments
-
1
A user on Reddit: "You can't say that your platform is free when you run ads on it"
Ahaha, please, don't take it close to heart...
There is a lot of freaks that think that everything should be free and they piss off if find something is not...
I still don't have the About section, can you imagine? ;-)
As for appealing... I found the information makes the product more appealing, so you would provide a lot of use cases, documentation, stories, articles, tutorials and whatever that can be applied to your product.
G'luck!-
1
Thank you pal!
-
-
1
How do you increase your product appeal?
Try maybe to survey your current users? See what they like and what they wish was different?
-
1
could be a solution, thanks :)
-
After 2 months of changes and development, I thought it would be the moment to share it on Product Hunt.
Luckily they approved it, so happy.
Currently AppSponsor.it is stable, but there's still a lot of work to do.
I've also created its official Android app and it is already live on the Play Store, though it's a pity I can't afford the 100$ App Store fee atm.
Nevermind, now that I've shared with you this little achievement, let's get back to work!
2 Likes
Comment
My summer begun, I've just finished the exams of the semester and I was thirsty. Thirsty to create.
In those days I was looking for a way to promote some old apps, to gain some installs, but as a student I couldn't afford a single penny for advertising.
So I started thinking.. and I realized that it was the moment.
Initially I thought AppSponsor.it as a simple promoting website, with a caotic home page based on a starter bootstrap template..
I left it in that status for 3 weeks, while I was trying to share it on socials.
Then I stopped. It wasn't working at all. It was slow, sluggish, low SEO, ecc. This is where I started studying.
I re-designed the whole website in 2 days, using a good css library;
I fixed some major SEO problems;
I re-targeted it as a platform to discover new apps and improve content visibility for free;
All this took me a whole week of work and analysis.
But it kinda worked.
People started to like it and for me, a simple CS student that just wanted to fill its spare time, well, it felt so good
1 Like
Comment
About
As a dev I wanted to share my own apps without spending money. I was looking for a free platform to share apps or find new ones, but without success. So I've created it on my own.



Comment