GithubHelp home page GithubHelp logo

stefanalexlupu / wolfchatter Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 353 KB

This chat is not an ordinary one, it’s created on a map, where users can click to add a pin on the map and start a conversation with anyone.

JavaScript 50.24% HTML 6.43% CSS 0.49% Vue 42.84%

wolfchatter's Introduction

Wolfchatter

This chat is not an ordinary one, it’s created on a map, where users can click to add a pin on the map and start a conversation with anyone.

Architecture

You can find information regarding the application design as well as technology choices by visiting this page

Running the project

The project is split into two parts: the client and the server.

Starting the server

From the server folder, run the following commands:

npm install
npm run start

You should see the following message in the console:

listening on port 8081

To start the server in development mode, run

npm run dev

Starting the client app

From the client folder, run the following commands:

npm install
npm run build

Then you can serve the app from the generated dist folder.

To launch the client app in development mode, run

npm run serve

✨ Future improvements

Leaving a room

As a user I want to be able to leave a room without necessarily creating a new one.

Suggesting rooms close to you

As a user I want to get suggestions on rooms that are close to me and maybe join one of them.

Curating rooms

As a user it is easy to create a room by accident. Clicking on the map should bring up a dialogue for confirmation.

As a user it would be useful to create rooms with a name, rather than generating the name on an index basis.

As a user it would be useful to see the coordinates of the room (or even the country that the room is situated in). This way it would be easyer to relate.

wolfchatter's People

Contributors

stefanalexlupu avatar

Watchers

James Cloos avatar  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.