Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dikshant441/cloud-saas

axios clerk-authentication cloudinary daisyui dayjs fetch-api filesize lucide-react middleware neondb nextjs postgresql prisma prisma-client typescript

Last synced: 13 days ago
JSON representation

Host: GitHub
URL: https://github.com/dikshant441/cloud-saas
Owner: Dikshant441
Created: 2024-09-06T16:43:08.000Z (4 months ago)
Default Branch: main
Last Pushed: 2024-09-10T00:58:16.000Z (4 months ago)
Last Synced: 2024-11-10T04:08:44.551Z (about 2 months ago)
Topics: axios, clerk-authentication, cloudinary, daisyui, dayjs, fetch-api, filesize, lucide-react, middleware, neondb, nextjs, postgresql, prisma, prisma-client, typescript
Language: TypeScript
Homepage: https://cloud-saa-s.vercel.app
Size: 379 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Cloud based AI SaaS Project

> Full stack - Next.js, Typescript, Postgresql, Cloudinary, Prisma, DaisyUI, NeonDB, Clerk-Authentication

## Overview
![Screenshot 2024-09-10 060429](https://github.com/user-attachments/assets/3f02a123-2eeb-4d95-a858-e7fe9d1028ad)

#### Developed a Comprehensive SaaS Application: Designed and implemented a robust SaaS application using Next.js, TypeScript, Prisma, NeonDB, Daisy UI, and Tailwind CSS. The project involved integrating AI technologies to enhance functionality and Cloudinary for efficient media management. Created a scalable, server-side rendered application that showcases practical use of modern web technologies, including React, Node.js, and API integration.
![Screenshot 2024-09-10 060530](https://github.com/user-attachments/assets/02afa7eb-3aac-4044-970e-641408c6823b)

#### Configured Middleware and Authentication: Implemented Clerk middleware in the Next.js application to manage authentication and secure API endpoints. Configured environment variables, custom routes, and integrated authentication mechanisms to streamline user sign-up and login processes. Utilized Tailwind CSS for responsive styling and Daisy UI for UI components, ensuring a seamless and secure user experience.
![Screenshot 2024-09-10 060608](https://github.com/user-attachments/assets/052804c7-bb8d-411a-82ae-cf7dd2609405)

#### Built Advanced Media Management: Integrated Cloudinary for handling image and video uploads, leveraging its API to manage media resources effectively. Configured Cloudinary for secure image handling, including uploading, transforming, and downloading images with custom filenames. Incorporated Prisma with NeonDB for efficient database management, enabling smooth interactions with the PostgreSQL database and storing media metadata.
![Screenshot 2024-09-10 060639](https://github.com/user-attachments/assets/4bacc694-928b-4205-86e3-ae89c97f1e15)
#### Enhanced Frontend and UI Experience: Developed a dynamic frontend with Daisy UI and Tailwind CSS, focusing on creating a user-friendly interface for managing videos and media. Implemented UI features such as hover effects, state management for video previews, and final touches to ensure a polished user experience. The project also involved building and integrating video upload and display functionalities, providing a comprehensive solution for media handling within the SaaS application.

## For any queries related to the project, contact at [email protected]
7. raise a star to support me