LonersMafia-Frontend-Public
react-projects
Our great sponsors
| LonersMafia-Frontend-Public | react-projects | |
|---|---|---|
| 5 | 1 | |
| 4 | 1 | |
| - | - | |
| 0.0 | 0.0 | |
| about 1 year ago | about 3 years 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
react-projects
-
Created my first React project
This is the first commit, from 1-Mar-2021.
What are some alternatives?
google-react - Google interface with React.js
habit-tracker-grid-react-app - Created a habit-tracking application which uses a grid for each day of the year and let the user track how many days did they actually follow the habit. (Moved to a separate repo for Netlify automatic deployment)
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
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
all-of-frontend - 你想知道的前端内容都在这