What is this app?

This is a practical project that helped me to grasp essential Next.js 13 famework features while building simple social platform with a handful of basic features

Demo

App deployed on Vercel, so you can check it out if you want! (you're probably not...)

Tech Stack

▷ Typescript

▷ Prisma ORM

▷ Tailwind CSS

Next.js 13

• Next Auth

  To embrace GitHub OAuth2 authorization

• React Hook Form

  To create forms with necessary logic such as validation and form state management

• Axios

  For data fetching

Features

• Create and delete twitter-like messages on your profile page
• Follow users and keep track of what they post
• Edit your profile info

Preview (mock data)

User Page (click to expand)

Registered Users (click to expand)

Followed Posts (click to expand)

Development

1. Clone repo using git clone command
2. Add .env file in the root directory (look .env.example)
3. Run npm run dev to start app in development mode