This repository contains the frontend code for chit chat, a social networking platform, implementing user-friendly interfaces for features like user profiles, feeds, real-time chat, and recommendations. The app is built with TypeScript for type safety, powered by Redux Toolkit (RTK) for state management, and deployed on Netlify for quick and scalable hosting.
- Feeds: Personalized newsfeed based on user activity.
- Notifications: Real-time notifications for interactions.
- Performance: Lightning-fast build and runtime performance with Vite.
- Real-Time Communication: Audio/video calls and real-time chat powered by WebRTC.
- Recommendation System: Personalized suggestions for friends, groups, or content using collaborative filtering and user activity analysis.
- Search: Search for users, posts, or hashtags.
- State Management: Efficient and scalable state handling using Redux Toolkit (RTK).
- Social Interactions: Follow/unfollow, posting, and commenting.
- User Management: Registration, login, and profile updates.
- Framework: ReactJS
- Language: TypeScript
- Build Tool: Vite
- State Management: Redux Toolkit (RTK)
- Deployment: Netlify
- Styling: CSS Modules / TailwindCSS
- API Integration: RTK Query
-
Clone the repository:
https://github.com/thanhpt1110/chit-chat-frontend cd chit-chat-frontend -
Install dependencies:
yarn
-
Run the development server:
yarn dev or yarn dev:2 (For debug on 2 different port)
-
Build for production:
yarn build
-
Deploy to Netlify:
-
Push the repository to GitHub or GitLab.
-
Connect your repository to Netlify.
-
Netlify will automatically build and deploy your app.
