{"id":16312426,"url":"https://github.com/kiranandcode/reddit-slideshow","last_synced_at":"2026-05-08T13:04:11.545Z","repository":{"id":112327070,"uuid":"97419459","full_name":"kiranandcode/reddit-slideshow","owner":"kiranandcode","description":"A simple little Reddit Slideshow...","archived":false,"fork":false,"pushed_at":"2017-07-17T23:09:13.000Z","size":3177,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-16T14:25:06.206Z","etag":null,"topics":["express","nodejs","reddit","slideshow"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kiranandcode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-07-17T00:21:11.000Z","updated_at":"2019-10-14T10:53:21.000Z","dependencies_parsed_at":"2023-03-23T13:18:31.476Z","dependency_job_id":null,"html_url":"https://github.com/kiranandcode/reddit-slideshow","commit_stats":null,"previous_names":["kiranandcode/reddit-slideshow"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kiranandcode%2Freddit-slideshow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kiranandcode%2Freddit-slideshow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kiranandcode%2Freddit-slideshow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kiranandcode%2Freddit-slideshow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kiranandcode","download_url":"https://codeload.github.com/kiranandcode/reddit-slideshow/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250237800,"owners_count":21397399,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["express","nodejs","reddit","slideshow"],"created_at":"2024-10-10T21:48:03.359Z","updated_at":"2026-05-08T13:04:11.416Z","avatar_url":"https://github.com/kiranandcode.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# reddit-slideshow\n## A simple little Reddit Slideshow...\nRunning at: http://redditslideshow.azurewebsites.net/\n\nJust a little project I came up with for fun. I know many of these already exist, but it seemed like a fun challenge.\nMost of the development time was spent on the HTML styling. Obviously, as it was all handcrafted, it's not 100% \ncompatible with all browsers. \nHey, what can I say? I'm not a web developer.\n\n![FinalProduct](https://raw.githubusercontent.com/Gopiandcode/reddit-slideshow/master/Screens.png)\n\nSupports multiple sources, auto-forward, url-based parameters - as in like how redditp does it whereby if the base url from\na reddit url is replaced with the server host, the application can create a slideshow out of the content that would have been\nthere prior.\n\nOverall, I'm quite pleased with how it turned out - consistent colour scheme, nice font choice...\n\nI wanted it to be an excursion into considering how professional web apps are developed.\n\nWhile my disdain for the tragic combination of weak and dynamic typing that is Javascript's type system remains ever strong,\nI am beginning to gain an understanding for why it's so popular in web development despite these issues. The blazing speed at\nwhich I can set up simple prototype web sites thanks to it's well designed abstraction of the complexities of it's underlying \nframework (looking at you Django), make it brilliant for getting things off the ground.\n\nThis was also my first big project using preprocessors for HTML and JS - I am certainly hooked on them. While HTML still remains\na unwieldy tool in my toolbelt, I find that the pains of it's use are somewhat dulled by the clarity provided by these preprocessors.\n\n## Design Process\n### Step 1: Initial Design\nIt all began when I sat down to do some sketching for a break. For references, I pulled up the reddit slideshow at redditp, but for\nsome reason it doesn't work on the version of firefox I'm using. So I'm just about to swap over to Edge to continue, when I think\n\"Hey, It'd be quite fun to try making my own....\". And so the journey began.\n\nAs with all projects, development started with a diagram. As the complexity of the buisness logic would be relatively simple in this\napplication, the focus was on UI. After some iniial considerations, I came up with this....\n\n![InitialDiagram](https://raw.githubusercontent.com/Gopiandcode/reddit-slideshow/master/UI_Design.png)\n\n\n### Step 2: HTML Styling\nFollowing that, the next day was spent styling the pages I would use, to an extent such that they vaguely resembled something\nprofessional. Once completed, I had pages as such.\n\n\n![WebPages](https://raw.githubusercontent.com/Gopiandcode/reddit-slideshow/master/Screens.png)\n\n\n### Step 3: Backend Logic\nFinally I got to the stuff I enjoyed, although unfortunately, in this project that was limited. An hour or so later and I had set up\nmost of the server side processing needed. Now the connections between pages were set up, all that was left to do was to build the\nclient side JS.\n\n\n### Step 4: Client-Side Logic\nRelatively new experience for me, most of my js prior had been DOM manipulation, and it was enjoyable learning how much more\nclient side Javascript could do (If we close our eyes and ignore it's type system). After a few hours, I was left with the completed\nproduct, all that was left to do was to host it and document the process.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkiranandcode%2Freddit-slideshow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkiranandcode%2Freddit-slideshow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkiranandcode%2Freddit-slideshow/lists"}