https://github.com/muasa-harman/online-shopping-app

This Next.js project with React 18 features TailwindCSS for styling, Prisma for database management, and React Query for state management. It uses Radix UI for UI components, Framer Motion for animations, and integrates Stripe for payments. Development tools include TypeScript, ESLint, and PostCSS.
https://github.com/muasa-harman/online-shopping-app

eslint framer-motion postcss postgresql prisma radix-ui react-query tailwindcss typescript

Last synced: 19 days ago
JSON representation

This Next.js project with React 18 features TailwindCSS for styling, Prisma for database management, and React Query for state management. It uses Radix UI for UI components, Framer Motion for animations, and integrates Stripe for payments. Development tools include TypeScript, ESLint, and PostCSS.

• Host: GitHub
• URL: https://github.com/muasa-harman/online-shopping-app
• Owner: Muasa-harman
• Created: 2024-09-13T10:07:35.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-14T13:53:59.000Z (4 months ago)
• Last Synced: 2024-10-31T13:22:32.458Z (2 months ago)
• Topics: eslint, framer-motion, postcss, postgresql, prisma, radix-ui, react-query, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://online-shopping-app-silk.vercel.app
• Size: 13 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# HarmanMuasa - A Modern Fullstack E-Commerce Shop for Custom Phone Cases

Built with the Next.js 14 App Router, Postgres, TypeScript, Tailwind & Kinde Auth

![Project Image](harman.png)

## Features

- 🛠️ Complete shop built from scratch in Next.js 14

- 💻 Beautiful landing page included

- 🎨 Custom artworks made by a professional illustrator

- 💳 Secret admin dashboard to manage orders

- 🖥️ Drag-and-drop file uploads

- 🛍️ Customers can purchase directly from you

- 🌟 Clean, modern UI on top of shadcn-ui

- 🛒 Completely custom phone case configurator

- 🔑 Authentication using Kinde

- ✉️ Beautiful thank-you email after purchase

- ✅ Apple-inspired configuration design

- ⌨️ 100% written in TypeScript

- 🎁 ...much more

and copy the .env.example variables into a separate .env file, fill them out & and that's all you need to get started!

## Acknowledgements

## License

[MIT](https://choosealicense.com/licenses/mit/)