Giter VIP home page Giter VIP logo

petpal's Introduction

PetPals ๐Ÿพ

Next.js CockroachDb JavaScript TypeScript Prisma Tailwind CSS

PetPals is a unique app designed for dog owners who want to set playdates with other dog enthusiasts in their area. This app allows users to connect, share information about their dogs, and schedule meetings in dog-friendly locations. Whether you're looking for a play partner for your dog or a social opportunity for yourself, PetPals makes it easy and fun!

Key Features:

  • Landing Page, About Me page
  • CockroachDB PostgreSQL database
  • Real-time messaging using Pusher
  • Google & Discord authentication integration with NextAuth
  • Client form validation and handling using react-hook-form
  • Matching with other profiles based, creating match conversations
  • Delete Conversation Functionality (unmatch)
  • User profile customization and settings
  • Full responsiveness with Tailwind
  • Tailwind animations and transition effects
  • File and image upload using UploadThing & Cloudinary CDN

Tech

This is a T3 Stack project bootstrapped with create-t3-app.

Roadmap

  • Swiping Functionality
  • Chatroom functionality
  • Credential authentication with NextAuth. (In-progress, Need to connect account creation with Prisma Account Model ) Migrated to passwordless authentication
  • Notifications (Need to update Prisma model)
  • Chatroom Mobile Responsiveness
  • Migrate UploadThing functionality to Cloudinary CDN
  • Testing
  • Extending Pusher functionality for 'real time' updates
    • Online/offline user status
    • Message read/seen receipts (In-progress, currently encountering Pusher errors)
  • Group chat functionality

Prerequisites

Node version 14.x

Cloning the repository

git clone https://github.com/AntonioErdeljac/next13-messenger.git

Install packages

npm i

Setup .env file

DATABASE_URL=

NEXTAUTH_SECRET=
NEXTAUTH_URL=

# Next Auth Discord Provider
DISCORD_CLIENT_ID=
DISCORD_CLIENT_SECRET=

GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=

NEXT_PUBLIC_PUSHER_APP_KEY=
PUSHER_APP_ID=
PUSHER_SECRET=

Setup Prisma

npx prisma db push

Start the app

npm run dev

petpal's People

Contributors

trishanduong avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.