Giter Club home page Giter Club logo

wee's Introduction

Wee - Internet Messenger

logo

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.

Features

  • 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

Appearance

Zrzut ekranu 2023-06-22 o 10 15 25 photo

Nagranie.z.ekranu.2023-07-4.o.19.07.43.mov

Technology

  • 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.

Getting Started

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

Testing

You can test Wee by visiting the following link: https://wee-nine.vercel.app/

wee's People

Contributors

olimpialewinska avatar

Stargazers

AzizLimonu avatar Mikołaj Palkiewicz avatar Piotr Porzuczek avatar Eryk Rakowski 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.