Coder Social home page Coder Social logo

hemendrakhatik / flackapp Goto Github PK

View Code? Open in Web Editor NEW
21.0 1.0 33.0 639 KB

This is an anonymous chat application.

Home Page: https://flack-web-app.herokuapp.com/

Python 3.86% CSS 2.46% JavaScript 87.79% HTML 5.86% Procfile 0.04%
python3 flask flask-application javascript flask-socketio html5 css3 bootstrap chat-application chatroom chatapp postgresql postgresql-database socketio python hacktoberfest

flackapp's Introduction

Home page

Project

An anonymous chat application to keep your identity safe.

Features

  • Create new chat rooms.
  • Join existing chat rooms.
  • Set your anonymous username.
  • Real-time message delivery.
  • Chat without creating an account.

How does flack keep the user anonymous?

  • Flack does not store users' communications via chatrooms in Flack's database server and once a message's delivered it'll be disposed of, however, it remains in the owner's session until the owner logged out.
  • It lets users choose a nickname due to sake of users' identities.
  • Passwords are encrypted
  • Nicknames represent users behind their identities.

Technology Stack Used In This Project

  • Python
  • Flask
  • JavaScript
  • Socket Programming
  • BootStrap
  • JQuery
  • HTML/CSS

Flack Live

Run This Project on Your Local Machine

  1. Clone the repository to your local desktop
    git clone paste_link_you_copied
    
  2. Change the directory
    cd FlackApp
    
  3. Install requirements.txt
    pip install -r requirements.txt 
    
  4. Run the following command to create a database locally
    python create.py
    
  5. Set environment variables in your shell
    export FLASK_APP=application.py
    
  6. Run the application
    flask run
    

How to Contribute

  1. Make a Fork.
  2. Clone the repository to your local desktop.
    git clone paste_link_you_copied
    
  3. Create a new branch (It's necessary).
    git checkout -b branch-name
    
  4. Make changes and Add to Staging here.
    git add.
    
  5. Commit changes.
    git commit -m "Message you want to write"
    
    • Always write the message short and easy to understand (ideally 3 to 5 words).
  6. Push the changes so that a pull request will be generated.
    git push -u origin branchName
    
  7. Make PR.
  8. Commits should be descriptive.
  9. Try to minimize conflicts.
  10. Follow these steps only after you have Git installed in your system.

Where to Contribute

  1. UX/UI
    • You can improve the existing User Interface or can introduce a new layout for Flack.
  2. Code reformat
    • You can introduce more concise and readable code
  3. Improvements in Backend
    • You can find any bug or error and can fix it
  4. Readme file
    • If you think that something is missing from the readme file. You can introduce new sections for the readme file or can improve the existing one.

Click here to Contribute

flackapp's People

Contributors

akanksha2050 avatar akhileshmanish13 avatar amelia678 avatar astha-garhewal avatar bhaveshsalunke avatar da201501181 avatar danielcarpenter avatar divn avatar hemendrakhatik avatar kaloneh avatar manjeete avatar orioncx avatar shravanmeena avatar thebhushanmhatre avatar tititesouris avatar zendamacf avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

flackapp's Issues

Help

I need help to create the room i dont know how i followed the steps but its not working

Hunt a bug

Just run this project locally and hunt a bug and fix it.

Readme file

Readme file

If you think that something is missing from the readme file. You can introduce new sections for the readme file or can improve the existing one.

convert bootstrap design to custom design

this website is built with bootstrap and I want someone to convert bootstrap to custom CSS.

points to keep in mind

  • use flexbox for grid design
  • use vh and % units for padding, margin, height and width.
  • design should be mobile responsive

Feel free to be creative in designing

Not working

There's some issue in flask-socketIO module itself... Due to which it's not working ... I see nothing wrong in ur code... But still.. someone needs to see the reason it's not working

navbar buttons

This is a very good platform. Thank you, which got you introduced with such a good app. My question is why are all the navbar buttons not working like About,Contact,Settings.

Create a About.html page in flask

Points to keep in mind

  • Make sure you are using template inheritance in jinja2
  • webpage should be responsive
  • collect details to put in about.html from readme.md

feel free to ask more details and any questions.

Fix time issue in Flask Application.

  • In the chatroom, message time should be displayed according to the different time zone.
  • Currently, it is showing time according to the US time zone.

For more clarification feel free to ask questions.

Code reformat

Code reformat

You can introduce more concise and readable code

Sign up details validation.

Sign up details validation in the flask app.

  • Email should be unique.
  • The password should be strong.
  • If the password is weak it should display weak password.
  • If the password is medium it should display medium password.

login validation

  • If the user enters invalid details then show the flash message "Invalid password"
  • If the user account does not exist then show the flash message "Account does not exist"
  • Flash message should be displayed on login.html

UX/UI

UX/UI

You can improve the existing User Interface or can introduce a new layout for Flack.

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.