{"id":18153952,"url":"https://github.com/wolfgunblood/vidpod","last_synced_at":"2026-01-20T00:07:32.614Z","repository":{"id":248492943,"uuid":"828804576","full_name":"wolfgunblood/vidpod","owner":"wolfgunblood","description":"Fullstack video application","archived":false,"fork":false,"pushed_at":"2024-07-30T08:40:28.000Z","size":34321,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T01:13:45.237Z","etag":null,"topics":["t3-stack"],"latest_commit_sha":null,"homepage":"https://frontend-test-coral.vercel.app","language":"TypeScript","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/wolfgunblood.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":"2024-07-15T06:57:33.000Z","updated_at":"2024-10-20T13:01:46.000Z","dependencies_parsed_at":"2024-07-30T10:42:08.584Z","dependency_job_id":"4ca157af-fa03-4e97-b00a-2dfa7288afd2","html_url":"https://github.com/wolfgunblood/vidpod","commit_stats":{"total_commits":203,"total_committers":1,"mean_commits":203.0,"dds":0.0,"last_synced_commit":"c0a8b2299cfce0cf280a356979017e634d02f2cf"},"previous_names":["wolfgunblood/frontend-test","wolfgunblood/vidpod"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wolfgunblood/vidpod","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolfgunblood%2Fvidpod","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolfgunblood%2Fvidpod/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolfgunblood%2Fvidpod/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolfgunblood%2Fvidpod/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wolfgunblood","download_url":"https://codeload.github.com/wolfgunblood/vidpod/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolfgunblood%2Fvidpod/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28590676,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T00:01:37.455Z","status":"ssl_error","status_checked_at":"2026-01-19T23:58:17.328Z","response_time":67,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["t3-stack"],"created_at":"2024-11-02T03:21:27.730Z","updated_at":"2026-01-20T00:07:32.600Z","avatar_url":"https://github.com/wolfgunblood.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003eVidpod\u003c/h1\u003e\n  \u003cp\u003e🔥 Build using T3 Stack\u003c/p\u003e\n\n\u003c/div\u003e\n\u003cbr /\u003e\n\n\u003cimg width=\"800\" height=\"600\" alt=\"Vidpod\" src=\"https://utfs.io/f/c6620fef-cfcc-43ec-b8d5-69c4046b6671-2487m.png\"\u003e\n\n# VidPod\n\nVidpod is a full stack web application that allows video creators,podcasters and content creators to analyze and place ads dynamically.\nThis app is build using T3 stack.\n\u003cbr /\u003e\u003cbr /\u003e\n\n## 🔴 Demo\n\n🧪 [Live Demo](https://frontend-test-coral.vercel.app/) available. Click \"Live Demo\" to open it.\n\n## Showcase 🎬\n\nYou can see a GIF of my application below.Preview the main functionality of the app. \u003cbr /\u003e \u003cbr /\u003e\n![](https://github.com/wolfgunblood/frontend-test/blob/main/public/videoedit.gif?raw=true)\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Features](#features)\n- [Design Patterns](#design-patterns)\n- [Technologies Used](#technologies-used)\n- [Contact Information](#contact-information)\n- [Resources](#resources)\n\n## Installation\n\n1. **Clone the repository:**\n   ```bash\n   git clone https://github.com/wolfgunblood/frontend-test\n   ```\n1. **Navigate to the project directory:**\n   ```bash\n   cd frontend-test\n   ```\n1. **Install dependencies:**\n   ```bash\n   npm install\n   ```\n\n## Usage\n\n**Run the development server:**\n\n```bash\nnpm run dev\n```\n\n## Features\n\n**Homepage** - Displays the dashboard for editing and adding of ads.\n\n**Video Player** - An awesome video player with play/pause,skip,fast forward and rewind functionality.\n\n**Custom Video Slider** - Built a custom video silder using the design which has zoom and drag functionality.\n\n**Dynamic ads insertion** - One can add ads on the desired time.\n\n**Dynamic ads edit** - After ads placement ads can be edited through drag and drop or just through a edit form.\n\n**Dynamic ads deletion** - One can delete ads without any hassle.\n\n**Undo and Redo** - One can undo and redo without any hassle.\n\n**Server-side Rendering** - This site leverages NextJS server side rendering for faster load times and greater user experience.\n\n**Custom Animations** - Custom animations are featured throughout the application.\n\n**ShadCN components** - Highly customisable pre built components are featured throught the app.\n\n**Simulated Database Response** - I have intentional made the API fetch the data slower to simulate a database and to show user feedback as well as showcasing loading and fetching states.\n\n## Design Patterns\n\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"public/design-patterns.jpeg\" alt=\"Banner Image for Design pattern\" width=\"300\"\u003e\n\u003c/div\u003e\n\n**Maintainability** - I have tried to keep components modular and scalable and dynamic, with an emphasis on reusability and readability.\n\n**Server fetching and formatting** - I am handling fetching and formatting of data on the backend, allowing for tsx components to render data without unnecessary logic or formatting on the front end. I have achieved this by creating dynamic helper functions that process and reformat the data.\n\n**Dynamic fetch function** - I have created two highly flexible server functions to handle all the data fetching necessary for the application.\n\n**Type Safety** - The use of types and interfaces is constant throughout the app, without a single use of the word 'any' to override the type check.\n\n**File and folder structure** - The app is organised to seperate components based on their role, as well as separating types, utils, server functions and constants.\n\n**Saving and committing work often** - I regularly made commits and pull requests to github using a total of 36 pull requests with clear commit messages. This keeps the project organised and allows me to work on tasks without altering the main codebase.\n\n## Technologies Used\n\nThis tool is built using these technologies:\n\n- ◼️ [Next.js](https://nextjs.org)\n- ⚛️ React 18\n- 🔰 TypeScript\n- 💠 [Tailwind CSS](https://tailwindcss.com)\n- 🗂 [Prisma](https://prisma.io)\n- 🔥 [NextAuth.js](https://next-auth.js.org)\n- 〰️ [tRPC](https://trpc.io)\n- 📏 ESLint\n- ✨ Prettier\n\n\u003cbr /\u003e\n\n## Contact Information:\n\n[![linkedin](https://skillicons.dev/icons?i=linkedin)](https://www.linkedin.com/in/jalajdorai/)\n[![twitter](https://skillicons.dev/icons?i=twitter)](https://www.x.com/jalajdu/)\n[![github](https://skillicons.dev/icons?i=github)](https://github.com/wolfgunblood/)\n\n#### Made by Jalaj Doraiburu\n\n#### Email: **jalajdorai@gmail.com**\n\n#### Tel: **+91 7209787530**\n\n### Thank you for reading\n\nI am really grateful for your time and I hope you like what you see here.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwolfgunblood%2Fvidpod","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwolfgunblood%2Fvidpod","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwolfgunblood%2Fvidpod/lists"}