Wavecord
Chatting App heavily inspired by Discord made with React and Node.js, allowing users to create servers, talk in real-time via text or voice.
Overview
Wavecord is a web application built with React and Node.js that allows users to create accounts, add friends, chat with them, and create servers for voice and text communication with a community of people.
Features
- User Authentication: Users can create accounts, log in, and log out securely.
- Friend Management: Users can add friends by searching for their usernames or email addresses. They can also accept or decline friend requests.
- Chatting: Users can send text messages to their friends, either individually or in group chats. Real-time messaging ensures quick and efficient communication.
- Server Creation: Users can create servers and invite friends to join them. Each server can have multiple text channels for different topics.
- Voice Chat: Servers support voice chat rooms, allowing users to have real-time audio conversations with others.
- Role-Based Permissions: Server owners can assign roles to users with specific permissions, giving them control over the server's features.
- Customization: Users can customize their profiles, including changing avatars, nicknames, and personal status messages.
- Notification System: Users receive notifications for friend requests, messages, and other important events.
Summary
Wavecord is a feature-rich web application that offers user authentication, friend management, real-time chatting, server creation with voice chat capabilities, role-based permissions, profile customization, and a notification system. It is built with React and Node.js and provides a user-friendly interface for seamless communication and collaboration.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Chakra UI
Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.