LonersMafia-Frontend-Public
Sketchify
Our great sponsors
LonersMafia-Frontend-Public | Sketchify | |
---|---|---|
5 | 1 | |
4 | 18 | |
- | - | |
0.0 | 0.0 | |
about 1 year ago | about 3 years ago | |
JavaScript | JavaScript | |
GNU Affero General Public License v3.0 | MIT License |
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
Sketchify
-
First 6 pull requests DONE!
Added feature: Alert user before closing tab/window for Sketchify
What are some alternatives?
google-react - Google interface with React.js
e2openplugin-OpenWebif - GPL Web Interface for e2stabs
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
wavy - Wavy website. Check the 'main' branch for the unbuilt version. For the API check the repo wavy-api
time-to-leave - Log work hours and get notified when it's time to leave the office and start to live.
30-Days-Of-JavaScript - 30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
certificate-generator - This is Certificate Generator which you can use to make e-certificate and download as a pdf and then you can distribute the certificates to the students.
all-of-frontend - 你想知道的前端内容都在这
react30_8_header - Header component with react-router