Giter Site home page Giter Site logo

woof_woof's Introduction

Welcome to the Woof Woof

Live: WoofWoof

Woof Woof is a clone of Slack, a popular chat application that allows people to post messages to public channels or send private Direct Messages.

Table of Contents

Check out the project wiki to read about MVP-Feature-List, Database Schema, API Documentation, Frontend Routes, and the User Story.

Technologies

  • React/Redux
  • Python
  • Flask
  • SQLAlchemy
  • PostgresQL
  • WebSockets

Features

Splash Page

gif

Main Page

main

User Modal Form

modal

Database Schema

db

Authentication

  • Users can sign up, and log in

register

Channels

  • Users can see all channels to which he/she belongs
  • Users can leave a channel
  • Users can create a channel channels

DMs

  • Users can see all conversations on the side bar
  • Users can send and receive messages from other users.
  • Users with whom you communicate will have green status if they are online. dms

Search

  • Users can search all channels, including channels that user does not belongs to
  • Users can search all other users search

Notifications

  • User can see red notifications with the number of unread messages on the sidebar to the right of the dm or channel.

notifications

Live chat

  • Live chat is implemented by using Socket.io library. It enables real-time, bidirectional and event-based communication.
  • It works in both channels and DMs

Installation

This project can be run by following these steps:

  • Clone the repo into your desired folder.
  • Run pipenv install from the root project directory.
  • Run npm install from the react-app directory
  • Create a .env file in the root directory (use .env.example).
  • Run pipenv shell command
  • Run flask run command from the root directory and npm start from the react-app directory

Future Improvements

  • Ability to create private channels
  • Implement event-based fetching on scrolled
  • Bookmark the messages
  • live typing ... notification

For additional information, checkout our Wiki page.

Developed By: Brent Arimoto, Nurs Asanov, Alex Clough, Zane Preudhomme

woof_woof's People

Contributors

brentarimoto avatar codinginrhythm avatar nasanov avatar zpreudhomme avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

woof_woof's Issues

Splash Page

Working on creating a basic splash page with buttons to sign in and login pages

messages routes

Generally setup, get works, but put and delete need testing. will test once forms are setup on the front end

channels route

create a channels route, query channels, render in the app_ui page

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.