Code Monkey home page Code Monkey logo

inter-net's People

Contributors

dependabot-preview[bot] avatar dependabot[bot] avatar exotech-code avatar

Stargazers

 avatar  avatar

Watchers

 avatar

inter-net's Issues

Add a cookie refresh mechanism

I need to add a function that checks for cookies on page load and refreshes their expiration date. I need to create a cookie object for that.

Text input box animations on launch

There is a problem with text input box. It Changes color after loading the webpage. It shouldn't do that. It should animate only after it loses focus.

Frontend: weather command doesn't work with message handler.

I've made a temporary fix that uses a code snippet from the message handler.

if (message) {
messages.push(message);
// temporary console log
console.log('amount of messages currently in array: ' + messages.length);
renderMessages(messages);
};

But this shouldn't be that way. Somehow weather function isn't changing the message variable even though it has global scope. We should think of a better solution.

Optimize code

I need to change some if statements to switch statements.

For example:
switch (message) { case (command.check('username')): // do something }

Backend: user amount command

We should make a command that displays connected user count.
Something like this:
socket.on("connect" => {userCount ++;})

Moving to React

We should move the frontend to React to make adding new features easier in the future.

Frontend: Move to Sass and dynamic resizing

Right now the website isn't dynamically resizing to the device size. We should change the units that we're using to relative like vw for example. And also while we're at it let's change from css to Sass, because I think that the variables feature will help us a lot.

Frontend: more intelligent weather command

Now weather command output is case insensitive so it outputs the same prompt but with variables changed. I want it to output everything in proper English. It does seem like a easy feature to implement. Just some if statements and string replacements.

Reserved usernames

Usernames that have the same value as commands should be dissallowed.

Backend: adding new user

We need to create a automatically generated JavaScript "user" parameter on the server side that holds a generated 4 digit user id. It should then be assigned to the message object being sent by the user. New user id should be put into a cookie file. cokkies in JavaScript

Backend

This is the most important step. We need to make a backend in node.js that receives text messages, assigns user id to every new user and sends messages to all connected clients. We will use a list of message objects with user id property and message contents property.

Add meta tag

For google search positioning. For example: <meta name="description" content="some content" />

Frontend: scrolling

We need to add automatic scrolling to the bottom if a new message pops up. And also the current scrollbar looks like shit. Let's change it ASAP!

Frontend: JavaScript

We need to create a piece of code for the client that gets user input and sends it to the server via web sockets.

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.