{"id":20411069,"url":"https://github.com/raihan2bd/vidverse-client","last_synced_at":"2026-04-09T13:51:22.203Z","repository":{"id":201161045,"uuid":"706251605","full_name":"raihan2bd/vidverse-client","owner":"raihan2bd","description":"Vidverse – a dynamic web app built with Golang, Next.js, TypeScript, and PostgreSQL. Users can watch, like, comment, and engage with content, while creators easily share and manage videos. Enjoy curated feeds, favorites, watch histories, and notifications.","archived":false,"fork":false,"pushed_at":"2024-05-19T17:11:03.000Z","size":3424,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2024-05-19T18:58:19.102Z","etag":null,"topics":["firebase","gin","go","golang","gorm","nextjs","postgres","react","tailwindcss","typescript","video-streaming","websocket"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/raihan2bd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2023-10-17T15:26:02.000Z","updated_at":"2024-05-19T17:11:06.000Z","dependencies_parsed_at":"2024-01-20T10:27:27.155Z","dependency_job_id":"d7f6c578-4317-485e-8a00-28c284cccb1a","html_url":"https://github.com/raihan2bd/vidverse-client","commit_stats":null,"previous_names":["raihan2bd/vidverse-client"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raihan2bd%2Fvidverse-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raihan2bd%2Fvidverse-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raihan2bd%2Fvidverse-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raihan2bd%2Fvidverse-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raihan2bd","download_url":"https://codeload.github.com/raihan2bd/vidverse-client/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241955047,"owners_count":20048405,"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":["firebase","gin","go","golang","gorm","nextjs","postgres","react","tailwindcss","typescript","video-streaming","websocket"],"created_at":"2024-11-15T05:49:27.110Z","updated_at":"2025-10-24T02:40:46.385Z","avatar_url":"https://github.com/raihan2bd.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\u003ch1 align='center'\u003eVidverse\u003c/h1\u003e\n\n\n# 📗 Table of Contents\n\n- [📗 Table of Contents](#-table-of-contents)\n- [ Vidverse ](#-about-project-)\n  - [🛠 Built With ](#-built-with-)\n    - [Tech Stack ](#tech-stack-)\n    - [Key Features ](#key-features-)\n  - [💻 Getting Started ](#-getting-started-)\n    - [Prerequisites](#prerequisites)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Database](#database)\n    - [Usage](#usage)\n    - [Build](#build)\n    - [Deployment](#deployment)\n  - [👥 Authors ](#-authors-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [📝 License ](#-license-)\n\n\n# Vidverse \u003ca name=\"about-project\"\u003e\u003c/a\u003e\nIntroducing Vidverse – a dynamic, full-stack web application crafted with Golang (Go), Next.js, TypeScript, PostgreSQL, and a host of other cutting-edge technologies. Vidverse offers users a seamless experience to watch, like, comment, and engage with an eclectic array of content, and users can also authenticate using (credentials and social platforms).\n\nCreators have the power to effortlessly share their latest videos and manage their content, while subscribers revel in curated feeds, saved favorites, and personalized watch histories. User can also see their notifications.\n\n\nThis is the front-end version. If you want to see the front-end part please visit [here](https://github.com/raihan2bd/vidverse)\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails open\u003e\n  \u003csummary\u003eFront End\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eNextjs\u003c/li\u003e\n    \u003cli\u003eReact\u003c/li\u003e\n    \u003cli\u003eTypeScript\u003c/li\u003e\n    \u003cli\u003eHtml\u003c/li\u003e\n    \u003cli\u003eCSS\u003c/li\u003e\n    \u003cli\u003eTailwind CSS\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\u003cdetails open\u003e\n  \u003csummary\u003eBack End\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eGolang\u003c/li\u003e\n    \u003cli\u003ePostgreSQL\u003c/li\u003e\n    \u003cli\u003eGin\u003c/li\u003e\n    \u003cli\u003eGorm\u003c/li\u003e\n    \u003cli\u003eWeb Socket\u003c/li\u003e\n    \u003cli\u003eFirebase\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- Project Screen Shots\n\n![Vidverse](https://raw.githubusercontent.com/raihan2bd/vidverse-client/dev/screenshots/Screenshot%20from%202024-05-17%2023-38-57.png)\n\n![Vidverse](https://github.com/raihan2bd/vidverse-client/blob/dev/screenshots/Screenshot%20from%202024-05-17%2023-39-11.png)\n\n![Vidverse](https://github.com/raihan2bd/vidverse-client/blob/dev/screenshots/Screenshot%20from%202024-05-17%2023-39-43.png)\n\n![Vidverse](https://github.com/raihan2bd/vidverse-client/blob/dev/screenshots/Screenshot%20from%202024-05-17%2023-30-38.png)\n\n![Vidverse](https://github.com/raihan2bd/vidverse-client/blob/dev/screenshots/Screenshot%20from%202024-05-17%2023-31-35.png)\n\n![Vidverse](https://github.com/raihan2bd/vidverse-client/blob/dev/screenshots/Screenshot%20from%202024-05-17%2023-32-10.png)\n\n![Vidverse](https://github.com/raihan2bd/vidverse-client/blob/dev/screenshots/Screenshot%20from%202024-05-17%2023-36-46.png)\n\n![Vidverse](https://github.com/raihan2bd/vidverse-client/blob/dev/screenshots/Screenshot%20from%202024-05-17%2023-35-37.png)\n\n![Vidverse](https://github.com/raihan2bd/vidverse-client/blob/dev/screenshots/Screenshot%20from%202024-05-17%2023-37-04.png)\n\n![Vidverse](https://github.com/raihan2bd/vidverse-client/blob/dev/screenshots/Screenshot%20from%202024-05-17%2023-38-01.png)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- Users can authenticate using their credentials or through various social platforms, ensuring a flexible and convenient login experience.\n- Creators can effortlessly share their latest videos and manage their content with ease, fostering a vibrant community of content producers.\n- Subscribers enjoy curated feeds, saved favorites, and personalized watch histories, enhancing their viewing experience.\n- Users receive notifications, ensuring they stay updated on the latest activities and interactions within the Vidverse community.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e \n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nTo run this project you need:\n- First of all, To run the front end you need to run the [back end](https://github.com/raihan2bd/vidverse) on your local machine.\n- Then Make sure you have installed [NodeJs](https://nodejs.org).\n- Then make sure you have installed [TypeScript](https://www.typescriptlang.org/)\n### Setup\n\n- Then you need to clone the project on your local machine⬇️\n``` bash\ngit clone https://github.com/raihan2bd/vidverse-client\n```\n- After that you need to rename the `.env.example` file to `.env` then make sure you update the env file credentials to your credentials. For examples ⬇️\n```\nNEXT_API_URL=Your backend API URL for server side\nNEXT_PUBLIC_API_URL=Your backend API URL for client side\nNEXTAUTH_SECRET= Your secret key for NextAuth\nNEXTAUTH_URL= Your frontend URL\nNEXT_PUBLIC_SOCKET_API=Your backend API URL for Socket\n\n# env variables for firebase\nNEXT_PUBLIC_FIREBASE_API_KEY= Your firebase API key\nNEXT_PUBLIC_FIREBASE_AUTH_DOMAIN= Your firebase auth domain\nNEXT_PUBLIC_FIREBASE_PROJECT_ID= Your firebase project id\nNEXT_PUBLIC_FIREBASE_STORAGE_BUCKET= Your firebase storage bucket\nNEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID= Your firebase messaging sender id\nNEXT_PUBLIC_FIREBASE_APP_ID= Your firebase app id\nNEXT_PUBLIC_FIREBASE_MEASUREMENT_ID= Your firebase measurement id\n```\n### Install\n\n- To install all the npm packages navigate to the folder address on your terminal and enter the below command ⬇️\n``` bash\nnpm install\n```\n\n### Usage\n\nTo run the development server, execute the following command:\n\n```sh\nnpm run dev\n```\n\n### Deployment\n\nFor deployment, you can use [Render](https://vercel.com/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 👥 Author \u003ca name=\"author\"\u003e\u003c/a\u003e\n\n👤 **Abu Raihan**\n\n- GitHub: [@raihan2bd](https://github.com/raihan2bd)\n- Twitter: [@raihan2bd](https://twitter.com/raihan2bd)\n- LinkedIn: [raihan2bd](https://linkedin.com/in/raihan2bd)\n\n\n👤 **Nurgul Kereikhan**\n\n- GitHub: [@githubhandle](https://github.com/NurkaAmre)\n- Twitter: [@twitterhandle](https://twitter.com/AmreNurgul)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/amre-nurgul/)\n\n  \n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **Implement improvements to provide users with an even smoother and more enjoyable experience.**\n- [ ] **Transition the application to a microservices architecture for improved scalability and maintainability.**\n- [ ] **Add a new feature called `Shorts` to the platform, enabling users to create and share short-form video content.**\n- [ ] **Incorporate FFmpeg to enhance video streaming capabilities similar to YouTube, and leverage AWS for hosting these files to ensure seamless playback and scalability.**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/raihan2bd/vidverse-client/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project, please leave a ⭐️\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nWe extend our heartfelt gratitude to [Microverse](https://microverse.org) and [Trevor Sawler](https://www.gocode.ca/) for their invaluable assistance in mastering the tech stack utilized in this project. Additionally, we express our sincere appreciation to [Cloudinary](https://cloudinary.com/) for generously providing us with free cloud space.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraihan2bd%2Fvidverse-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraihan2bd%2Fvidverse-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraihan2bd%2Fvidverse-client/lists"}