https://github.com/olgaprikhodko/petsoft
software to manage the pet care
https://github.com/olgaprikhodko/petsoft
next-auth nextjs14 prisma-orm react-hook-form server-actions server-components shadcn-ui stripe-payments tailwindcss typescript useformstatus useoptimistic zod-validation
Last synced: about 2 months ago
JSON representation
software to manage the pet care
- Host: GitHub
- URL: https://github.com/olgaprikhodko/petsoft
- Owner: OlgaPrikhodko
- Created: 2024-03-26T07:09:48.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-27T09:08:40.000Z (almost 2 years ago)
- Last Synced: 2025-01-19T19:14:39.369Z (about 1 year ago)
- Topics: next-auth, nextjs14, prisma-orm, react-hook-form, server-actions, server-components, shadcn-ui, stripe-payments, tailwindcss, typescript, useformstatus, useoptimistic, zod-validation
- Language: TypeScript
- Homepage: https://petsoft-helga.vercel.app/
- Size: 170 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PetSoft Project
Welcome to the PetSoft Project! This is a comprehensive full-stack application designed for seamless pet care management. Dive into a world where managing your pet's needs becomes as easy as a few clicks.
## Live Deployment
Experience PetSoft in action:
🔗 [Live Application](https://petsoft-helga.vercel.app)
## Quick Start Credentials
To get a hands-on feel of the PetSoft experience, use the following demo credentials:
- **Email:** `example@mail.com`
- **Password:** `example`
- **Test Card for Stripe Payments:** `4242 4242 4242 4242`
## Business Requirements
PetSoft is built to streamline the management of pet care services. It offers:
- **Pet Listing**: A comprehensive view of all pets with a flexible search function.
- **Pet Management**: Easily create, edit, and manage pet details.
- **User Authentication**: Robust system including signup, login, and logout functionalities.
- **Stripe Payments**: Integrated Stripe (test-mode) for secure, hassle-free payments.
## Pages
Navigate through a variety of pages designed for a user-friendly experience:
- **Homepage**: A captivating marketing page that outlines the features and benefits of PetSoft.
- **Login/Signup Pages**: Secure and straightforward user onboarding.
- **Dashboard**: A central hub for managing pet care tasks.
- **Account Management**: Personalize and manage account details.
## Technology Stack
PetSoft harnesses a range of modern technologies:
- **Frontend**: Next.js 14 with Server Components and Server Actions.
- **Form Management**: Utilizing `react hook form` and `useOptimistic`, `useFormStatus` hooks for efficient form handling.
- **Validation**: Robust data validation with Zod.
- **UI Components**: Styled with `shadcn-ui` component library.
- **Database Management**: Prisma for Postgres DB interactions and SQLite for development.
- **Authentication**: Secure user handling with NextAuth.
- **Payments**: Stripe for payment processing and Ngtok for local webhook testing from Stripe.
## Get involved in the PetSoft community or start managing your pet care services today!
## Acknowledgments
ByteGrad for the inspiring [Professional React & Nextjs Course](https://bytegrad.com/courses/professional-react-nextjs).
---
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.