{"id":23194008,"url":"https://github.com/techysphinx/saver","last_synced_at":"2026-03-27T04:51:12.493Z","repository":{"id":245683998,"uuid":"818919307","full_name":"techySPHINX/Saver","owner":"techySPHINX","description":"a cutting-edge Project Management Software as a Service (BaaS) that empowers teams to collaborate seamlessly. This innovative platform features creative Kanban boards for visual project tracking, streamlined task management, and secure payment processing. ","archived":false,"fork":false,"pushed_at":"2024-11-07T19:31:26.000Z","size":1177,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-07T20:25:16.693Z","etag":null,"topics":["aws-s3","clerk","neondb","nextjs","prisma","stripe-payments","uploadthing","website-design"],"latest_commit_sha":null,"homepage":"","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/techySPHINX.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-06-23T08:59:32.000Z","updated_at":"2024-11-07T20:09:41.000Z","dependencies_parsed_at":"2024-06-28T13:07:25.777Z","dependency_job_id":"6fde7872-983c-47dc-877c-3fd0cb36b1a8","html_url":"https://github.com/techySPHINX/Saver","commit_stats":null,"previous_names":["techysphinx/saas_website","techysphinx/saver"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techySPHINX%2FSaver","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techySPHINX%2FSaver/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techySPHINX%2FSaver/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/techySPHINX%2FSaver/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/techySPHINX","download_url":"https://codeload.github.com/techySPHINX/Saver/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230276329,"owners_count":18201092,"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":["aws-s3","clerk","neondb","nextjs","prisma","stripe-payments","uploadthing","website-design"],"created_at":"2024-12-18T13:13:00.550Z","updated_at":"2026-03-27T04:51:12.415Z","avatar_url":"https://github.com/techySPHINX.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Saver: SaaS Project Management Platform\n\n## Project Overview\n\n**Saver** is a Multivendor B2B2B SaaS platform built to empower digital marketing agencies and e-commerce businesses by streamlining project management through Kanban boards, website generation, and robust role-based access control. Saver allows agencies to manage sub-accounts, track projects, create and manage e-commerce solutions, and integrate Stripe for subscription payments.\n\n## Objectives\n\n- Provide a user-friendly, scalable project management solution for agencies.\n- Offer a Kanban board for tracking project progress.\n- Enable agencies to manage multiple sub-accounts with role-based access.\n- Support secure, flexible subscription and payment handling through Stripe.\n- Allow agencies to create and deploy custom websites for clients.\n- Enhance productivity through customizable dashboards and media management features.\n\n## Key Features\n\n- **Kanban Boards:** Visualize and manage tasks in an intuitive drag-and-drop interface.\n- **Sub-account Management:** Allow agencies to create and manage sub-accounts for multiple clients.\n- **Website Generation:** A Figma-inspired editor to build and deploy websites directly within the platform.\n- **Role-Based Access:** Define permissions for different users to ensure secure data handling.\n- **Stripe Payment Integration:** Streamline agency payments and subscriptions with built-in Stripe support.\n- **Unlimited Funnel Hosting for paid users:** Host an endless number of sales funnels without any restrictions for paid users.\n- **Custom Dashboards:** Personalize dashboards to display key metrics and insights tailored to your needs.\n- **Media Storage:** Store and manage all your media files securely in one place.\n- **Integrated Project Management System:** Organize projects and track progress within the platform.\n- **Agency \u0026 Sub-Account Metrics:** Get comprehensive reports on the performance of agencies and their sub-accounts.\n\n## Technology Stack\n\n- **Frontend:** Next.js 14 for a responsive and dynamic user experience. Used TailwindCSS and ShadCN UI library to improve the look and user experience of the website platform. \n- **Backend:** Prisma and Neon DB for data management and ORM. Used Clerk Authentication for managing users across the platform.\n- **Storage:** AWS S3 for secure storage of files and assets. UploadThing was used to integrate file uploading, handling and saving to database.\n- **Payment Integration:** Stripe API for seamless subscription and e-commerce payments.\n- **Software Tools:** Visual Studio Code was the main IDE that we used for the project. We tested our application on Windows 11 Operating System\n\n## Challenges and Solutions\n- **Multi-client Management:** Implemented structured sub-accounts with customizable access to streamline client management.\n- **Payment and Subscription Processing:** Utilized Stripe’s flexible API for secure payment processing.\n- **Customization Needs:** Integrated a Kanban board and dashboard customization to provide flexible options for agencies.\n\n## User Roles and Permissions\n\n- **Agency Owner:** Complete control over the agency, sub-accounts, and billing.\n- **Sub-Account User:** Access to sub-account features, project creation, and task management.\n- **Guest:** View-only access to specific projects.\n\n## Future Enhancements\n\n- **Mobile App Version:** Create a mobile version for easy access on the go.\n- **Advanced Analytics:** Add analytics to help agencies track project performance.\n- **Integration with Popular Tools:** Potential integrations with Slack, Trello, and other productivity tools.\n- **Pre-Built Templates:** Offer customizable templates to quickly set up projects and workflows.\n- **AI Automation:** AI integration to automate workflows and user funnels to generate new valuable leads.\n\n## Running the Project\nTo fork and run this project locally, please follow the steps below:\n\n\n\n\u003ch3\u003e1. Install Dependencies\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eNavigate to the project directory:\u003c/li\u003e\n\u003c/ul\u003e\n\u003cpre\u003e\u003ccode\u003ecd repo-name\u003c/code\u003e\u003c/pre\u003e\n\u003cul\u003e\n    \u003cli\u003eRun the following command to install the necessary dependencies:\u003c/li\u003e\n\u003c/ul\u003e\n\u003cpre\u003e\u003ccode\u003enpm install\u003c/code\u003e\u003c/pre\u003e\n\n\u003ch3\u003e2. Set Up Environment Variables\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eCreate a \u003ccode\u003e.env\u003c/code\u003e file in the root directory of the project by copying the provided \u003ccode\u003e.env.example\u003c/code\u003e:\u003c/li\u003e\n\u003c/ul\u003e\n\u003cpre\u003e\u003ccode\u003ecp .env.example .env\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eYou will need to create accounts in the services mentioned in the \u003ccode\u003e.env.example\u003c/code\u003e file and fill in the required keys and credentials. Here’s a brief overview of the variables you need to configure:\u003c/p\u003e\n\u003cul\u003e\n    \u003cli\u003e\u003cstrong\u003eClerk\u003c/strong\u003e: Used for authentication. Set your \u003ccode\u003eNEXT_PUBLIC_CLERK_PUBLISHABLE_KEY\u003c/code\u003e and \u003ccode\u003eCLERK_SECRET_KEY\u003c/code\u003e.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eDatabase\u003c/strong\u003e: Set your \u003ccode\u003eDB_USERNAME\u003c/code\u003e, \u003ccode\u003eDB_PASSWORD\u003c/code\u003e, and configure the \u003ccode\u003eDATABASE_URL\u003c/code\u003e for your PostgreSQL database.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eUploadThing\u003c/strong\u003e: Set your \u003ccode\u003eUPLOADTHING_SECRET\u003c/code\u003e and \u003ccode\u003eUPLOADTHING_APP_ID\u003c/code\u003e.\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eStripe\u003c/strong\u003e: Set your Stripe keys such as \u003ccode\u003eNEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY\u003c/code\u003e and \u003ccode\u003eSTRIPE_SECRET_KEY\u003c/code\u003e.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003e3. Run the Development Server\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eStart the development server using:\u003c/li\u003e\n\u003c/ul\u003e\n\u003cpre\u003e\u003ccode\u003enpm run dev\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThe server will start at \u003ccode\u003ehttp://localhost:3000\u003c/code\u003e.\u003c/p\u003e\n\n\u003ch3\u003e4. Access Prisma\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eIf you need to run Prisma, ensure you have the Prisma CLI installed and use the following command to access the Prisma studio:\u003c/li\u003e\n\u003c/ul\u003e\n\u003cpre\u003e\u003ccode\u003enpx prisma studio\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThis will usually run at \u003ccode\u003ehttp://localhost:5555\u003c/code\u003e (or another port if specified in your Prisma configuration).\u003c/p\u003e\n\n\u003ch3\u003eNotes\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eEnsure that your PostgreSQL server is running and accessible, and that you have created the necessary database specified in your \u003ccode\u003eDATABASE_URL\u003c/code\u003e.\u003c/li\u003e\n    \u003cli\u003eFor any additional setup or configuration, refer to the documentation of the respective services you are using.\u003c/li\u003e\n    \u003cli\u003eTo see all the Shadcn UI components integrated into the project. Click \u003ca href=\"https://github.com/techySPHINX/Saver/blob/main/Note.md\" target=\"_blank\"\u003ehere\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\n## License\n\nThis project is licensed. You may view the license details [here](https://github.com/techySPHINX/Saver/blob/main/LICENSE).\n\n## Link to Tools\n\n\u003cp align=\"left\"\u003e\n\u003ca href=\"https://nextjs.org/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://img.icons8.com/fluent/512/nextjs.png\" alt=\"Next.js\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\u0026emsp;\n\u003ca href=\"https://tailwindcss.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://www.vectorlogo.zone/logos/tailwindcss/tailwindcss-icon.svg\" alt=\"Tailwind CSS\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\u0026emsp;\n\u003ca href=\"https://prisma.io/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://media.licdn.com/dms/image/v2/D4E0BAQEggtAQvh0k6A/company-logo_200_200/company-logo_200_200/0/1727798020280/prisma_io_logo?e=1738800000\u0026v=beta\u0026t=ZoXOwZVJjJ9fx0LMhcaf0z36mRVk4urTgiX9Hnbou14\" alt=\"Prisma\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\u0026emsp;\n\u003ca href=\"https://neon.tech/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://neon.tech/favicon/favicon.png\" alt=\"Neon DB\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\u0026emsp;\n\u003ca href=\"https://clerk.dev/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://imgix.cosmicjs.com/9d8bc340-e63d-11ee-b074-b5c8fe3ef189-clerk.webp?w=200\u0026h=200\u0026fit=crop\u0026auto=format,compression\" alt=\"Clerk Authentication\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\u0026emsp;\n\u003ca href=\"https://aws.amazon.com/s3/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://www.vectorlogo.zone/logos/amazon_aws/amazon_aws-icon.svg\" alt=\"AWS S3\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\u0026emsp;\n\u003ca href=\"https://uploadthing.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://www.uploadthing.com/favicon.ico\" alt=\"UploadThing\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\u0026emsp;\n\u003ca href=\"https://stripe.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://cdn.icon-icons.com/icons2/2407/PNG/512/stripe_icon_146092.png\" alt=\"Stripe\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\u0026emsp;\n\u003ca href=\"https://code.visualstudio.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://www.vectorlogo.zone/logos/visualstudio_code/visualstudio_code-icon.svg\" alt=\"Visual Studio Code\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\u0026emsp;\n\u003ca href=\"https://www.microsoft.com/en-us/software-download/windows11\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/8/87/Windows_logo_-_2021.svg\" alt=\"Windows 11\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechysphinx%2Fsaver","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftechysphinx%2Fsaver","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftechysphinx%2Fsaver/lists"}