Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/thezeeshann/testimonial

Get testimonials from your customers with ease. Build with Nextjs, TypeScript, PostgreSQL, Shadcn UI, Next Auth, and Prisma.
https://github.com/thezeeshann/testimonial

next-auth nextjs14 postgresql prisma-orm shadcn-ui tailwind-css tailwindcss tanstack-react-query typescript

Last synced: 3 days ago
JSON representation

Get testimonials from your customers with ease. Build with Nextjs, TypeScript, PostgreSQL, Shadcn UI, Next Auth, and Prisma.

Host: GitHub
URL: https://github.com/thezeeshann/testimonial
Owner: thezeeshann
Created: 2024-07-07T11:03:46.000Z (4 months ago)
Default Branch: main
Last Pushed: 2024-09-15T17:39:30.000Z (about 2 months ago)
Last Synced: 2024-09-16T00:44:57.958Z (about 2 months ago)
Topics: next-auth, nextjs14, postgresql, prisma-orm, shadcn-ui, tailwind-css, tailwindcss, tanstack-react-query, typescript
Language: TypeScript
Homepage:
Size: 2.22 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        
![screencapture-localhost-3000-2024-09-07-22_13_57](https://github.com/user-attachments/assets/f2fdd42f-1d04-4a04-ba7c-de1f5d6142c6)

|1. Sign Up Page |2. Sign In Page |

|:---:|:---:|

| ![Sign Up Page](https://github.com/user-attachments/assets/1e7ecbd1-1b0c-4a32-bc5f-ac4ecf08f200) |![Sign In Page](https://github.com/user-attachments/assets/a5c80496-e41d-4252-9a51-859cb09656e7)|

| 3. Create Space | 4. View Spaces | 

| ![Create Space](https://github.com/user-attachments/assets/19f4b482-d3cd-4b20-b5f3-11bf3acf942d) |![View Spaces](https://github.com/user-attachments/assets/7096e84d-98ec-4012-8a62-a582753accda)|

| 5. Space Landing Page | 6. User Profile Page |

| ![ Space Landing](https://github.com/user-attachments/assets/89a3179a-c659-4a23-ba14-b85de78a51a1) |![User Profile](https://github.com/user-attachments/assets/179fa1bd-cfcd-4ac7-905a-388590c4ad31)|

| 7. Create Testimonial Page | 6. Wall of Love Page |

| ![Create Testimonial Page](https://github.com/user-attachments/assets/2e04e191-e538-492a-8a96-26389648675d) |![Wall of Love](https://github.com/user-attachments/assets/4c7d570f-2f92-4bc7-9249-508523320316)|

## Tech Stack 💻

- **Framework:** [Next.js](https://nextjs.org)

- **Language:** [Typescript](https://www.typescriptlang.org/docs/)

- **Styling:** [Tailwind CSS](https://tailwindcss.com)

- **User Management:** [Auth.js](https://authjs.dev/)

- **ORM:** [Prisma ORM](https://www.prisma.io/)

- **UI Components:** [shadcn/ui](https://ui.shadcn.com)

- **File Uploads:** [uploadthing](https://uploadthing.com)

- **Data Fetching:** [TanStack Query](https://tanstack.com/query/latest)

## Key Features 💡

- Authentication with **Auth js**

- File uploads with **uploadthing**

- Database on **Neon**

- Validation with **Zod**

- Create Space

- Get testimonials

- Add testimonials to your website

- ***...and many more !***

  

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.