DEV Community 👩‍💻👨‍💻

Cover image for Share your ideas that never made it to production
Jane Ori
Jane Ori

Posted on

Share your ideas that never made it to production

Got any ideas buried in your git history that never made it to production?

Give it a chance in the spotlight; Throw it in a codepen or just talk about it in the comments below!


Here's my contribution:

Prior to the launch of augmented-ui v1.0.0 in 2019, early builds of the website's introductory animation also featured this 3D CSS animation behind it. The background animation was removed for performance reasons but still exists in the commit history. 💜

Hopefully this codepen helps give life to the idea that couldn't make it to production ~

Gif Capture of pre v1 augmented-ui intro animation featuring a 3D CSS animation in the background

// Jane Ori

Top comments (51)

Collapse
baasmurdo profile image
BaasMurdo • Edited on

An idea I had privately in my head. Basically a single browser that you can choose what render engine and javascript engine to use.
For instance when opening a new tab, you could choose a Blink render engine with a V8 javascript engine and that would be Chrome.
But you could then open another tab, a combination of WebKit and Nitro and then it would be Safari.

The whole idea is that web developers can see / test everything in one browser that renders it the same as they would in the real Chrome / Edge / Safari.

Collapse
vassbo profile image
Kristoffer

Like this? responsively.app/

Collapse
baasmurdo profile image
BaasMurdo

Almost. so this seems to render in different sizes or devices if you will.
But for theMacBook Pro 13" for instance, you can't seem to select via which render engine (browser) to open the site in.
I might be wrong, but at a quick first glance it seems to use a Chromium type of render engine.
Where my thought is to implement a choice of different render engines, rather than a choice of device size (although still very useful)

So that you can see a site, the way it would actually render on an iPhone X but in Chrome & Safari (using their native rendering)
if that makes sense ?

Thread Thread
vassbo profile image
Kristoffer

Right. Makes sense. Would be very useful with a combination of both if that's possible.

Thread Thread
baasmurdo profile image
BaasMurdo

Hell yea ! would be awesome !

Collapse
baasmurdo profile image
BaasMurdo

hmmmm interesting, let me give it a go and get back to you.

Collapse
zubairanwarkhan profile image
Zubair Khan

I thik browserstack has that thing

Collapse
baasmurdo profile image
BaasMurdo

Yea there are a couple of place that you can pay to spin up some virtual machines / devices, they work quite well in most situations.

Collapse
vulcanwm profile image
Medea

a website which would give you songs to listen to based on your song taste and your mood

Collapse
filix profile image
Filip Ilić

But I have Spotify

Collapse
vulcanwm profile image
Medea

Yes but Spotify doesn’t have albums for every mood.
But yeah I realised it was a stupid idea and gave up half way through

Thread Thread
badgamerbad profile image
Vipul Dessai

no they have no, based on the mood, like "life sucks" :-P

Thread Thread
vulcanwm profile image
Medea

but is that based on your music taste?

Thread Thread
badgamerbad profile image
Vipul Dessai

yeah, they do make daily mix or discover weekly, they pretty much align with my music taste.

Thread Thread
vulcanwm profile image
Medea

Oh yea

Collapse
pyrsmk profile image
Aurélien Delogu

Last.fm?

Collapse
vulcanwm profile image
Medea

oh.

Collapse
baasmurdo profile image
BaasMurdo

Deezer has something like this.

Collapse
vulcanwm profile image
Medea

Oh okay

Thread Thread
baasmurdo profile image
BaasMurdo

How good it actually works is an entirely other discussion lol, but in theory they have this kinda functionality.

Thread Thread
joelbonetr profile image
JoelBonetR

Youtube music and spotify also had a work on that 😁

Thread Thread
vulcanwm profile image
Medea

Yea I saw Spotify’s and it’s funny how I used Spotify Auth for the project

Collapse
rollergui profile image
Guilherme

I also had this mood based song player in my idea list! But yeah I never even tried to get it started.

Collapse
vulcanwm profile image
Medea

I actually started on it and made a function for that, but just had other enhancements I didn’t bother doing

Thread Thread
joelbonetr profile image
JoelBonetR • Edited on

If you make one that adds you songs step by step to raise you from a bad mood to a good one progressively it would be a top tier product 😁

Thread Thread
vulcanwm profile image
Medea

I might try some day! Thanks!

Collapse
deozza profile image
Edenn Touitou

A PHP framework that could generate API endpoints based on YAML config files, with form validation and authorization and what not. And with a dynamic database handling all kinds of datas with only 3 or 4 tables.

And then I learnt that APIplatform exists, and does all of that already

Collapse
kolja profile image
Kolja

Great idea!
Can you give me a list of those PHP API platforms?

Collapse
deozza profile image
Edenn Touitou

Here you go

api-platform.com/

Thread Thread
kolja profile image
Kolja

Thank you, looks overwhelming to me. Maybe a to hard learning curve.

Thread Thread
deozza profile image
Edenn Touitou

Yeah you would need solid Symfony (the framework on which APIplatform is based) knowledge first to use it. In the end, it's a great tool for prototyping and small project.

Collapse
taufik_nurrohman profile image
Taufik Nurrohman

A client-side JavaScript syntax highlighter that fetches only the required language files based on class names and/or data-* attribute.

Collapse
joelbonetr profile image
JoelBonetR

Something like a new i18n plugin?

Collapse
taufik_nurrohman profile image
Taufik Nurrohman

No. A source code highlighter.

Thread Thread
joelbonetr profile image
JoelBonetR

Didn't get it then. Can you explain it with detail and use-case? Thank you :)

Thread Thread
taufik_nurrohman profile image
Taufik Nurrohman • Edited on

See this example that uses custom builder. Currently there is no way to load the language files dynamically. You still have to load them all at once even if you don’t need it.

I have made a plugin to overcome that, but never got into stable state. I still consider it buggy.

Thread Thread
joelbonetr profile image
JoelBonetR • Edited on

You don't need to load them all.
Just use dynamic imports...

const translation = (locale) => import(`/translations/lang-${locale}.js`);
Enter fullscreen mode Exit fullscreen mode

or async:

const loadTranslations = async (locale) => await import(`/translations/lang-${locale}.js`);
Enter fullscreen mode Exit fullscreen mode

Another (more robust) example:

/**
 * Retrieves translations from a given locale
 * @param {string} locale
 * @returns {Object}
 */
const getTranslations = (locale) => {
  try {
    const availableLanguages = {
      en: dynamic(() => import('/translations/en.js')),
      es: dynamic(() => import('/translations/es.js')),
    };

    if (!availableLanguages.hasOwnProperty(locale)) {
      console.error(`getTranslations error. Could not load translations for ${locale}`);
      return availableLanguages['en']; // DEFAULT
    }
    return availableLanguages[locale];
  } catch (error) {
    console.error(`${error.message} in ${error.stack}`);
  }
};
Enter fullscreen mode Exit fullscreen mode

Here we are declaring the available langs so it will not fail in runtime trying to load a nonexistent file for any other error, and it will return the default language in case of such error.

You can use next/dynamic if working with Next JS like me in this last example (note that there's no dynamic function declared; if you are not using Next JS, it needs to be done but you can use the first or second example to create a dynamic implementation quickly).
i.e.

const dynamic = (path) => import(`${path}`);
Enter fullscreen mode Exit fullscreen mode

Here you can find a dynamic import explanation from javascript.info

Apart from those options, in most webapps is better to handle translations through the DB so you can build a dashboard and people that work as translators can do their thing on it instead. No more releases to fix a string 😄

Best regards

Thread Thread
barhatsor profile image
Bar Hatsor

A plugin like this one?

Thread Thread
joelbonetr profile image
JoelBonetR

Why do you want a plugin when it's so easy to handle with vanilla JS?

Collapse
wahyusa profile image
Wahyu Syamsul A'lam

Exam Companion

Try to build chrome extension to recommend an answer when doing online exam, at least I already know to modify DOM from an extension and build my flask API, but I don't really understand to build the prediction/machine learning part 🤔 and now they used something like exam browser so the extension would be disabled 🤣 and I realize there is no need "prediction/machine learning" things to do that, you can just do it by yourself right ? just choose the answer.. if you need to choose 1 from 5 choices then the prediction should be 20% correct 🧙‍♂️

Collapse
atulcodex profile image
Atul Prajapati

I have a big list, LOL by the way great question

Collapse
jonrandy profile image
Jon Randy

What do you mean by 'made it to production'? Not everything needs to be a product, not everything needs to be released, not everything needs to be useful or have a reason to exist... and nothing is ever 'finished'.

Most of my repos are just toys for my amusement - and these are by far the most interesting things to build.

Collapse
baasmurdo profile image
BaasMurdo

and nothing is ever 'finished'

Tell that to the empty cookie box next to me.

Collapse
joelbonetr profile image
JoelBonetR • Edited on

Well sometimes I get paid when finishing things so... 😂

Got your point, bet @janeori is thinking about something that you feel like "marketable" or at least "shareable" and ended up in a closed drawer for any issue, lack of time, loss of interest or whatever other reason.

Collapse
well1791 profile image
Well

the banner picture hahaha it clearly relates the title.

Collapse
princealarming profile image
Prince-Alarming

My idea that hasn't made it to production is an Ultimate Emulator. This Emulator would have simulated environments for windows 3.1, Windows 95, Android, Nintendo, Sony, Xbox, and Sega systems. Then I realized the potential legal issues and abandoned it.

Collapse
0xmichaelwahl profile image
Michael Wahl

An idea I had, but never actually built it or did any type of PoC. Very high level, would be a simple app/site for people to anonymously submit what they are paying for consumer services, such as cable/internet services, insurance premiums, etc. Then either provide a report on whatever services the person is interested in benchmarking, as onetime or annual subscription. Basically any service where consumers could all be paying different, higher or lower rates for the exact same services due to various external factors. For me the overall concept was clear, but how this would or could be monetized, was a bit unclear and needed some more studying.

Collapse
mrepol742 profile image
Melvin Jones Repol

I have a complete based idea about the update on my app the latest update was Feb the update released should be daily for dev and monthly for stable but 5 months later no stable release in the moment the idea turn into rock.. So all of the new features and improvements which is already planned didnt go to production 100% delayed by months...

Collapse
pengeszikra profile image
Peter Vivo

Imho, this design idea is good but, but mandatory run smotth as possible, aroun 60 FPS and more. I did not look the code, but if you could mix with some exsisting UI solution like tailwind then it will be promising.

Collapse
charliesay profile image
Charlie Say

a commit to delete all the stupid monoliths code....

Collapse
thehomelessdev profile image
Noel A Rodriguez

B2b project to help international mony transactions between Colombia and Venezuela

🌚 Life is too short to browse without dark mode