Paklink Project made with React.js and Supabase
Paklink-ReactJS Project Overview for AI Coding Agent
This document provides a comprehensive overview of the Paklink-ReactJS project, designed to give an AI coding agent the necessary context to understand the codebase, its architecture, and its key functionalities.
1. Project Purpose and Core Functionality
Paklink-ReactJS is a web application that aims to be a feature-rich social networking platform. Based on the file structure and component names, the application appears to be a clone of Facebook, with features for connecting with friends, sharing content, and real-time communication.
The core functionalities of the application include:
User Authentication: Users can sign up, log in, and manage their profiles.
Friendship Management: Users can search for other users, send, accept, and decline friend requests, and view their friends list.
Content Sharing: Users can create posts, which can be liked and commented on by other users.
Real-time Messaging: A real-time chat system allows for one-on-one and group conversations.
Notifications: A real-time notification system alerts users to events such as new friend requests, likes, and comments.
User Profiles: Each user has a profile page displaying their information, posts, and friends.
2. Technologies and Frameworks
The project is built using a modern web development stack:
Frontend Framework: React with TypeScript, built with Vite for a fast development experience.
UI Components: shadcn/ui is used for the component library, which is a collection of reusable UI components.
Styling: Tailwind CSS is used for styling the application.
State Management: Zustand is used for global state management, particularly for authentication, notifications, and themes.
Backend as a Service (BaaS): Supabase is used for the backend, providing a database, authentication, real-time subscriptions, and storage.
Testing: Vitest is used for unit and integration testing, with Playwright for end-to-end testing.