{"id":18677894,"url":"https://github.com/kaushikshivam/showtracker","last_synced_at":"2025-08-22T09:44:57.449Z","repository":{"id":44074859,"uuid":"204453659","full_name":"KaushikShivam/showTracker","owner":"KaushikShivam","description":" ShowTracker is a professional, flat and modern template to track your shows. With ShowTracker you can track your favorite TV shows automatically, so you never loose track of your TV shows ever again. 🍿","archived":false,"fork":false,"pushed_at":"2022-12-10T01:28:20.000Z","size":3636,"stargazers_count":1,"open_issues_count":9,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-12-27T21:13:43.986Z","etag":null,"topics":["auto-prefixer","css","css3","design","html","sass","sass-files","sass-mixins","scss","task-runner","web"],"latest_commit_sha":null,"homepage":"https://rawcdn.githack.com/KaushikShivam/showTracker/a963a9f01318418ab162c34ac5444850d5754c50/index.html","language":"CSS","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/KaushikShivam.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}},"created_at":"2019-08-26T10:38:41.000Z","updated_at":"2024-05-07T19:12:08.000Z","dependencies_parsed_at":"2023-01-26T01:32:38.811Z","dependency_job_id":null,"html_url":"https://github.com/KaushikShivam/showTracker","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FshowTracker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FshowTracker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FshowTracker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KaushikShivam%2FshowTracker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KaushikShivam","download_url":"https://codeload.github.com/KaushikShivam/showTracker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239525401,"owners_count":19653324,"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":["auto-prefixer","css","css3","design","html","sass","sass-files","sass-mixins","scss","task-runner","web"],"created_at":"2024-11-07T09:35:23.108Z","updated_at":"2025-02-18T18:25:46.764Z","avatar_url":"https://github.com/KaushikShivam.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ShowTracker - Track your shows automatically\n\n\n[ShowTracker](https://rawcdn.githack.com/KaushikShivam/showTracker/a963a9f01318418ab162c34ac5444850d5754c50/index.html) is a professional, flat and modern template to track your shows. \n\nWith [ShowTracker](https://rawcdn.githack.com/KaushikShivam/showTracker/a963a9f01318418ab162c34ac5444850d5754c50/index.html) you can track your favorite TV shows automatically, so you never loose track of your TV shows ever again. 🍿\n\n![ShowTracker Screenshot](screenshot.png)\n\n## Table of content\n- [Description](#description)\n- [Installation](#installation)\n- [Scripts](#scripts)\n- [Contact](#contact)\n\n\n## Description\n\nThis template uses the following:\n\n- ### Modern CSS\n- ### BEM Methodology\n- ### Custom 4 column grid\n- ### SASS\n  - `variables`\n  - `nesting`\n  - `parials and imports`\n  - `mixins`\n  - `functions`\n  - `extends`\n- ### 7-1 project structure for SASS Files -\n\n  - `base/`\n  - `components/`\n  - `layout/`\n  - `pages/`\n  - `themes/`\n  - `abstracts/`\n  - `vendors/`\n\nA [build script](#scripts) is created to accomodate older browser compatibility\n\n## Installation\n\n1. Clone the project to your local directory\n```\ngit clone https://github.com/KaushikShivam/showTracker.git\n```\n\n2. The project uses NPM for managing dependencies. Run npm install to install all the required dependencies\n```\nnpm install\n```\n3. Run the watch script to view live changes to your CSS\n```\nnpm run watch:sass\n```\n4. Open the index.html file in your browser to view the website in all its glory (Live-server is recommended to view live changes automatically)\n\n\n## Scripts\nThe project uses [AutoPrefixer](https://github.com/postcss/autoprefixer), [Node-sass](https://github.com/sass/node-sass), [npm-run-all](https://www.npmjs.com/package/npm-run-all) etc to build the following scripts:\n\n### Watch live changes in development\n1. Watch live changes to the sass\n```\n\"watch:sass\": \"node-sass sass/main.scss css/style.css -w\"\n```\n\n2. Run Live-server for live development changes\n```\n\"devserver\": \"live-server --browser=firefox\"\n```\n3. Script to run both simultaneously\n```\n\"start\": \"npm-run-all --parallel devserver watch:sass\",\n```\n\nRun ```npm start``` to run the script\n\n### Build script for production\n\n1. Compile sass files\n```\n\"compile:sass\": \"node-sass sass/main.scss css/style.comp.css\"\n```\n\n2. Add prefixes automatically to the modern CSS rules (supports last 10 years - Can be configured)\n```\n\"prefix:css\": \"postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css\"\n```\n\n3. Adds compression\n```\n\"compress:css\": \"node-sass css/style.prefix.css css/style.css --output-style compressed\"\n```\n4. Final Build process\n```\n\"build:css\": \"npm-run-all compile:sass prefix:css compress:css\"\n```\n\nRun ```npm run build:css``` to run the build script\n\n## Contact\nYou can contact me at:\n\n- [Portfolio](https://www.shivamkaushik.com)\n- [Email](mailto:shivamkaushikofficial@gmail.com)\n- [Linkedin](https://www.linkedin.com/in/kshivamdev/)\n- [Twitter](https://twitter.com/kShivamDev)\n- [Medium](https://medium.com/@shivamkaushikofficial)\n- [Angellist](https://angel.co/kshivamdev)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaushikshivam%2Fshowtracker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkaushikshivam%2Fshowtracker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaushikshivam%2Fshowtracker/lists"}