{"id":16192581,"url":"https://github.com/ricardogesteves/spreadit","last_synced_at":"2025-10-25T13:02:20.794Z","repository":{"id":213287154,"uuid":"733233590","full_name":"RicardoGEsteves/SpreadIt","owner":"RicardoGEsteves","description":"SpreadIt is a dynamic social news aggregation platform powered by robust backend technologies and a user-friendly interface. It employs modern web development frameworks and scalable architecture to enable seamless content submission, sharing, and voting across various formats (articles, images, videos).","archived":false,"fork":false,"pushed_at":"2024-10-29T08:15:30.000Z","size":1237,"stargazers_count":8,"open_issues_count":2,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-10-29T09:31:25.476Z","etag":null,"topics":["next-auth","nextjs","oauth2","optimistic-updates","postgresql","prisma","react","redis","rich-text-editor","shadcn-ui","social-network","supabase","tailwindcss","tanstack-react-query","typescript","uploadthing","upstash-redis"],"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/RicardoGEsteves.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-12-18T21:37:09.000Z","updated_at":"2024-10-29T08:15:27.000Z","dependencies_parsed_at":"2024-05-18T20:23:55.340Z","dependency_job_id":"d1b5dcd3-b312-4e77-97ab-e3710a14b776","html_url":"https://github.com/RicardoGEsteves/SpreadIt","commit_stats":null,"previous_names":["ricardogesteves/spreadit"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RicardoGEsteves%2FSpreadIt","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RicardoGEsteves%2FSpreadIt/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RicardoGEsteves%2FSpreadIt/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RicardoGEsteves%2FSpreadIt/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RicardoGEsteves","download_url":"https://codeload.github.com/RicardoGEsteves/SpreadIt/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244357241,"owners_count":20440298,"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":["next-auth","nextjs","oauth2","optimistic-updates","postgresql","prisma","react","redis","rich-text-editor","shadcn-ui","social-network","supabase","tailwindcss","tanstack-react-query","typescript","uploadthing","upstash-redis"],"created_at":"2024-10-10T08:10:43.376Z","updated_at":"2025-10-25T13:02:20.701Z","avatar_url":"https://github.com/RicardoGEsteves.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SpreadIt\n\n\u003e **(UPDATE)** - with the latest dependencies updates, you will have to do some small config changes.\n\n### Introduction\n\nWelcome to SpreadIt, a cutting-edge social news aggregation platform that seamlessly blends cutting-edge backend technologies with a user-friendly interface to revolutionize the way you consume and share news. Powered by a robust stack of modern web development frameworks, including TypeScript, React, Next.js, and PostgreSQL, SpreadIt offers a scalable and efficient infrastructure for facilitating seamless content submission, sharing, and voting across various formats, including articles, images, and videos.\n\n## Table of Contents\n\n- [Overview](#overview)\n- [Features](#features)\n- [Demo](#demo)\n- [Tech Stack](#tech-stack)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Environment Variables](#environment-variables)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Overview\n\nSpreadIt is designed to offer users a smooth experience for discovering, sharing, and engaging with diverse content types. It facilitates content submission, voting, and sharing through an intuitive and responsive interface. The platform aims to foster a vibrant community-driven ecosystem.\n\n## Features\n\n- **Content Submission:** Users can submit articles, images, and videos effortlessly.\n- **Voting System:** Enables users to vote on submitted content.\n- **Seamless Sharing:** Facilitates easy sharing of content across various platforms.\n- **Modern Interface:** User-friendly and responsive design for an enhanced browsing experience.\n- **Authentication \u0026 Authorization:** Utilizes NextAuth and OAuth2 for secure user authentication.\n- **Scalable Architecture:** Employs scalable backend technologies for efficient handling of data.\n- **Optimistic Updates:** Provides a smooth and responsive interface using optimistic updates.\n- **Infinite Scroll:** Implements infinite scroll for seamless content browsing.\n- **Real-time Updates:** Utilizes Redis and Upstash Redis for real-time data updates.\n- **Data Validation:** Implements Zod for robust data validation.\n- **Styling:** Utilizes TailwindCSS and Shadcn-ui for a sleek and customizable UI.\n\n## Demo\n\n\u003e Sign In\n\u003e ![Demo sigh-in](public/demo-images/signIn.png)\n\u003e Sign Up\n\u003e ![Demo sign-up](public/demo-images/signUp.png)\n\u003e Feed\n\u003e ![Demo feed](public/demo-images/feed.png)\n\u003e Create Community\n\u003e ![Demo create community](public/demo-images/createCommunity.png)\n\u003e Create Post\n\u003e ![Demo create post](public/demo-images/createPost.png)\n\u003e Rich Text Editor\n\u003e ![Demo text editor](public/demo-images/richTextEditor.png)\n\u003e Single Post View\n\u003e ![Demo single post view](public/demo-images/singlePostView.png)\n\u003e Reply Post\n\u003e ![Demo reply post](public/demo-images/replyPost.png)\n\u003e Settings\n\u003e ![Demo settings](public/demo-images/settings.png)\n\u003e Search\n\u003e ![Demo search](public/demo-images/search.png)\n\u003e Dropdown Navigation\n\u003e\n\u003e ![Demo dropdown navigation](public/demo-images/dropdownMenu.png)\n\n## Tech Stack\n\n- TypeScript\n- React\n- Next.js\n- PostgreSQL\n- Supabase\n- Redis \u0026 Upstash Redis\n- Tanstack/react-query\n- Prisma\n- NextAuth \u0026 OAuth2\n- Axios\n- Zod\n- UploadThing\n- TailwindCSS\n- Shadcn-ui\n- BlockNote\n\nSpreadIt's robust technological stack ensures the platform's scalability, reliability, and efficiency:\n\n- **TypeScript:** We leverage TypeScript for its type safety, enabling robust code development and preventing runtime errors.\n\n- **React:** Utilizing React, we create interactive and dynamic user interfaces that enhance the user experience.\n\n- **Next.js:** Next.js powers the server-side rendering capabilities of SpreadIt, optimizing performance and enhancing SEO.\n\n- **PostgreSQL:** PostgreSQL serves as our relational database, providing a powerful and reliable foundation for managing content and user data.\n\n- **Supabase:** Supabase acts as our backend infrastructure, simplifying database management and authentication processes.\n\n- **Redis:** Redis, deployed on Upstash, handles caching and data retrieval, ensuring rapid content delivery and improved user experience.\n\n- **Tanstack/react-query:** react-query enables efficient data fetching and caching, ensuring smooth user interactions.\n\n- **Infinite scroll:** Infinite scroll provides a continuous and seamless user experience, allowing you to browse endless content without page reloads.\n\n- **Optimistic updates:** Optimistic updates deliver real-time feedback to users, keeping them informed of content changes and interactions.\n\n- **Prisma:** Prisma simplifies data access and management, providing an abstraction layer for interacting with the database.\n\n- **NextAuth:** NextAuth handles user authentication, ensuring secure and seamless user logins and registrations.\n\n- **OAuth2:** OAuth2 enables authentication with various social media platforms, providing users with convenient sign-in options.\n\n- **Axios:** Axios facilitates HTTP requests, enabling communication with external APIs.\n\n- **Zod:** Zod provides type validation for API requests and responses, ensuring data integrity.\n\n- **UploadThing:** UploadThing streamlines file uploading, making it easy for users to share multimedia content.\n\n- **TailwindCSS:** TailwindCSS powers our responsive and stylish user interface, enhancing visual appeal and user experience.\n\n- **Shadcn-ui:** Shadcn-ui provides a collection of React components for building modern and accessible user interfaces.\n\n- **BlockNote:** BlockNote enables users to create and edit rich text content, facilitating engaging and informative posts.\n\n## Installation\n\nTo run SpreadIt locally, follow these steps:\n\n1. Install dependencies: `npm install`\n2. Set up environment variables.\n3. Run the application: `npm run dev`\n4. Access the application at `http://localhost:3000`\n5. Don't forget to set up the database schema using Prisma Migrate, and seed the database using Prisma Studio. prisma generate and prisma db push.\n\n## Usage\n\nOnce the application is running locally, access it through the browser and explore its features. You can submit content, vote, share, and experience the seamless user interface.\n\n## Environment Variables\n\nSpreadIt requires the following environment variables to be set. Create a `.env` file in the root directory and add the following variables:\n\n```plaintext\nDATABASE_URL=\nNEXTAUTH_SECRET=\nNEXTAUTH_URL=\nGOOGLE_CLIENT_ID=\nGOOGLE_CLIENT_SECRET=\nUPLOADTHING_SECRET=\nUPLOADTHING_APP_ID=\nREDIS_URL=\nREDIS_SECRET=\n```\n\n\u003e **Note:** The `DATABASE_URL` variable should be set to the URL of your PostgreSQL database. The `NEXTAUTH_SECRET` variable should be set to the Auth secret as a string. The `NEXTAUTH_URL` variable should be set to the URL of your application. The `GOOGLE_CLIENT_ID` and `GOOGLE_CLIENT_SECRET` variables should be set to the client ID and client secret of your Google OAuth2 application. The `UPLOADTHING_SECRET` variable should be set to the Uploadthing Api Secret as a string. The `UPLOADTHING_APP_ID` variable should be set to the ID of your UploadThing application. The `REDIS_URL` variable should be set to the URL of your Redis database. The `REDIS_SECRET` variable should be set to Redis Api Secret as a string.\n\n\u003e Make sure to provide the appropriate values for each variable.\n\n## Contributing\n\nContributions are welcome! If you'd like to contribute to SpreadIt, please fork the repository, create a new branch, make your changes, and submit a pull request. Be sure to follow the contribution guidelines.\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fricardogesteves%2Fspreadit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fricardogesteves%2Fspreadit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fricardogesteves%2Fspreadit/lists"}