Wee is a web-based internet messenger application that allows you to create both one-on-one conversations and group conversations. It provides a wide range of features to enhance your messaging experience, including real-time messaging powered by Supabase Realtime. With Wee, you can also customize the chat colors, change nicknames of participants in the chat, and send photos and files.
- Real-time Messaging: Wee utilizes Supabase Realtime to provide instant messaging capabilities, allowing you to have seamless conversations with other users.
- Group Conversations: Create and participate in group conversations to connect with multiple users simultaneously.
- Message Sending: Send text messages to other users within the application.
- Chat Color Customization: Personalize your chat experience by changing the colors of the chat interface
- Nickname Customization: Modify nicknames of individuals in the chat to add a personal touch to the conversations.
- Photo and File Sharing: Share images and files with other users conveniently
- User Activity Status: View the activity status of other users, indicating whether they are online or offline.
- Cross-Platform Compatibility: Access Wee seamlessly on both computers and mobile devices, ensuring a consistent messaging experience across different platforms.
- Lazy Loading: Messages are loaded using lazy-loading techniques, ensuring efficient retrieval and display of conversations
Nagranie.z.ekranu.2023-07-4.o.19.07.43.mov
- Next.js with TypeScript: Wee is developed using Next.js, a popular React framework, and utilizes TypeScript for improved type safety and developer productivity.
- Styled Components: The application leverages Styled Components for styling, making it easy to manage and customize the visual aspects of the user interface.
- MobX Context Manager: Wee utilizes MobX, a state management library, to manage contexts and provide efficient data flow throughout the application.
- Supabase Database: Wee uses Supabase, a powerful open-source backend, as its database solution.
To get started with Wee, follow the instructions below:
Prerequisites:
- npm (v6 or later)
git clone https://github.com/olimpialewinska/wee.git
cd wee
yarn
Configure your Supabase credentials in the application. .env.local
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
Build and start the application:
yarn dev
You can test Wee by visiting the following link: https://wee-nine.vercel.app/