LonersMafia-Frontend-Public
30-Days-Of-JavaScript
LonersMafia-Frontend-Public | 30-Days-Of-JavaScript | |
---|---|---|
5 | 32 | |
4 | 40,920 | |
- | - | |
0.0 | 1.8 | |
about 1 year ago | 24 days ago | |
JavaScript | JavaScript | |
GNU Affero General Public License v3.0 | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
LonersMafia-Frontend-Public
- Build my first large open-sourced anonymous fun chat web app
-
Built an open-sourced, anonymous fun chat-platform
There are some interesting elements, especially if you try to visit 404 pages on the site. The site took me over 2 weeks to build. I loved building this project, especially the emoji component in the front-end. I planned on using the npm package emoji-picker-react, but then it was freezing the entire page if the internet was slow; hence had to create a custom component by loading the emojis from a JSON file: My custom Emoji component github
-
A small, fun anonymous chat app
The other challenging component I worked on was the AutoResizeTextArea, which automatically resizes upwards as you type or press the shfit+enter key. View the source here: AutoHeightTextarea.
-
LonersMafia, my biggest open-sourced project.
One of the most exciting and challenging components that I created was the emoji component. I planned on using the npm package emoji-picker-react, but then it used to freeze the entire page when the component was clicked, or there was a slow internet connection. I made the custom component by storing Unicode and the name of the emojis in a JSON file and loading it into component. You can view the source code of the emoji component here: Emoji component
-
Loners Not boners, a fun open-sourced anonymous chat mafia
If you are also interested in the frontend code made using reactjs, you can view the entire backend source-code here: https://github.com/PaulleDemon/LonersMafia-Frontend-Public
30-Days-Of-JavaScript
-
Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding Back (And What To Do Instead) 💪🎉
30 Days of JS
- 30 days Javascript Study Plan
- Where to Learn Javascript
- Philly(TPL) learning coding
- Where do I Start Learning JavaScript?
-
I will buy an Udemy course but the overwhelming resources on the internet confuses me.
If you want to learn JavaScript, here are some resources you can use: Modern JavaScript Cheatsheet 30 Days Of JavaScript MDN Web Docs JavaScript
-
What's the best way for me to learn JavaScript given my situation?
You can follow the repo 30 Days of JavaScript. Do it with your pace. 30 Days of JavaScript
-
Took about 6 months, but I flippin’ did it!!!!
Learn JavaScript Basics at https://codedamn.com/learn/javascript-basics seems to cover more than enough of the basics for someone to dip their toes and be able to keep the momentum going. Funny enough, I am doing it this very moment and it starts simple and gets more advanced as you go though it. The teaching approach is like learning a programming language for the first time, but given that the syntax is different, that can bes useful. An additional source would be https://github.com/Asabeneh/30-Days-Of-JavaScript which I will start doing later this week. Having the knowledge acquired from the aforementioned course as well as CS50 itself, the 30 Day JS would serve as an additional set of exercises to test and apply one's knowledge while learning a few more tricks during the process.
-
Awesome Github Repos to Master JAVASCRIPT
😎 Repos that make learning widely preferred JS a 30-day challenge -> JavaScript30 -> 30-Days-Of-JavaScript
-
JavaScript in 2023: Why you should learn it?
30 Days of JavaScript Github Repo
What are some alternatives?
google-react - Google interface with React.js
30-Days-Of-React - 30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
You-Dont-Know-JS - A book series on JavaScript. @YDKJS on twitter.
wavy - Wavy website. Check the 'main' branch for the unbuilt version. For the API check the repo wavy-api
javascript-understanding-the-weird-parts - Notes from the JavaScript course by Tony Alicea
all-of-frontend - 你想知道的前端内容都在这
flexboxfroggy - A game for learning CSS flexbox 🐸
modern-js-cheatsheet - Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.
JavaScript30 - 30 Day Vanilla JS Challenge
100-days-of-code - Fork this template for the 100 days journal - to keep yourself accountable (multiple languages available)
js-stack-from-scratch - 🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.