LonersMafia-Frontend-Public
portfolio-react
Our great sponsors
LonersMafia-Frontend-Public | portfolio-react | |
---|---|---|
5 | 2 | |
4 | 160 | |
- | - | |
0.0 | 6.0 | |
about 1 year ago | 8 months 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
portfolio-react
-
Priority loading in Reactjs
For example... In my portfolio website pranjaljain.tech
-
My Portfolio 🤵
pranjaljain0 / portfolio-react
What are some alternatives?
google-react - Google interface with React.js
electron-react-python-template - Multi-platform Electron template, using React & Redux Toolkit on the front-end and Python/Flask for microservices on the back-end.
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
loadable-components - The recommended Code Splitting library for React ✂️✨
wavy - Wavy website. Check the 'main' branch for the unbuilt version. For the API check the repo wavy-api
strapi-template-portfolio - Template to create Strapi projects pre-configured for portfolio sites
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
react-portfolio - React Portfolio made with love ❤ from India
all-of-frontend - 你想知道的前端内容都在这
json-portfolio - A sleek and professional portfolio template built with ReactJs and Bootstrap, showcasing my work experience, education, and projects with visually engaging images and reference links. All data is sourced from JSON files for easy updates and maintenance.
Master-Portfolio - A clean, beautiful, responsive and 100% customizable portfolio template for Developers!
todox-client - Advanced and Modern Todo application with user based todo lists.