I build a chat app using Socket.io for real-time data transfer, React for frontend, and Node.JS with Express for the backend. The way it works is I created two components, Dashboard.js and Store.js. Dashboard is a child component. It renders local state from my Store. Dashboard renders al the chats, users, and channels. The user also has the ablilty to move from channel to channel by clicking on a button that’s attached to an event listener. I used Node.js to implement a server connection, emit events from clients, and send a broadcast using JSON. It was a lot of fun to build and not as hard as I thought. I find the more I build and solve problems the more confident I am. I used the Store to set my initial state and ReactHooks to update the state and create actions using dispatch to send messages between users, Socket.io provided the data transfers. I will write a blog in Medium with more detail so I can add pics and show code examples and provide a link to this blog. It was so much fun to create.
I built a simple javascript applicationg to live code on my channel on YouTube. Th application allows a user to input tasks and check them off once they've been completed. Once the tasks have been completed the user can view the tasks in section marked "Completed Tasks". Then, the user has the option to delete the tasks permantly. This is done through a function I created called createNewTask. The function takes in a task argument and appends a <li> tag , a
I decided to create a simple javascript quote machine to practice basic concepts I’ll be demonstating live on my new channel on Youtube called . I started off by creating a folder in File Explorer which acted as my workspace on VS code. i keep a folder for skill building projects in a folder called "code" and projects in a folder called "projects". I then create a folder structure in VS code, index.html, style.css, and index.js. I created the the html boiler plate first. I then created a div container for the button that will generate the quotes through an event listener and an output where the quotes will be displayed. I attached ids to both, "btn" and "output", respectively. Now that the html structure was created, I went on to my css folder and styled the container by centering the application and putting a border around it. I also styled the button, gave it a nice background color and styled the foreground to black. After the styling was finished I went on to give some functionality. I first selected the button and stored it to the variable, btn and selected it by id. Then I selected the output and stored the output by the id, output. Lastly I stored the quotes in an array, and called it quote.
Like many other Americans since the quarantine began last April, I use the internet more often for daily activities like work, classes, to schedule appointments, and track information about the pandemic.