CaceresCallieri
@CaceresCallieriAll solutions
- Submitted 7 months ago
Article Preview with Share Functionality and Framer Motion animations
- HTML
- CSS
- JS
- Submitted 8 months ago
Clock App React with TypeScript and SCSS
- HTML
- CSS
- JS
- API
I eagerly await any recommendations or tips regarding this project. Thank you!
- Submitted 8 months ago
Password Generator React TypeScript SCSS
- HTML
- CSS
- JS
I am open to receiving recommendations for optimizing the effects and improving file and logic organization. I believe there is room for improvement in both areas and would appreciate any insights or suggestions.
- Submitted 8 months ago
News Homepage React TypeScript SCSS
- HTML
- CSS
- JS
If you have any suggestions for improvement or notice any potential areas for optimization or bad practices in the codebase, please don't hesitate to reach out, especially regarding the modal system and symmetry distribution.
- Submitted 8 months ago
Svelte Solution with special effect
- HTML
- CSS
As this was my first venture into Sveltejs and I approached it with minimal prior knowledge of this framework, I would greatly appreciate any recommendations regarding specific Svelte capabilities.
- Submitted 8 months ago
Expenses Chart React + Scss
- HTML
- CSS
- JS
At the end of the project, I conducted some refactoring and componentization. During this process, I noticed that certain functions involving computing costs were being called too frequently, leading to unnecessary overhead. To address this issue, I implemented the useMemo hook to mitigate the extra cost incurred with each render. However, I'm unsure if there are better approaches or further optimizations that can be made to this particular codebase.
- Submitted 8 months ago
React & SCSS solution
- HTML
- CSS
- JS
- API
In this project, I developed a componentized React solution with SCSS styling, utilizing React Spring for a simple card animation. It presented numerous challenges, notably my first attempt at implementing a dark/light theme responsive app. Initially, I anticipated difficulties in accommodating both user theme preferences and device dimensions, fearing it would result in a convoluted .scss file. Surprisingly, it didn't turn out as bad as expected. However, for future projects of similar or larger scale, I plan to use separate styling files to avoid ending up with such a large file.
Another hurdle I faced was implementing the responsive layout due to changes in organization. I addressed this by hiding elements on desktop and displaying mobile ones, and vice versa. Nevertheless, I recognize that there may be better solutions to this problem, and I'm open to suggestions.
Additionally, I encountered challenges in programmatically changing the SVG color. Vite doesn't support this natively, and the external library I attempted to use was broken in the newest update. Despite my efforts to revert to a functioning version, I was unsuccessful. As a workaround, I converted the SVGs into components using an external tool (https://react-svgr.com/).
Despite these challenges, I added several features that I believe greatly enhance the application. Main standout feature is the 'getInterestingUsers' function, which displays a user from a hardcoded list of famous, prominent, or interesting users on the platform. This feature can be triggered by clicking the magnifying glass icon in the search bar or by submitting the search form with an empty input. Additionally, I implemented failsafes to handle scenarios where a user's account is deleted, preventing errors from being displayed. I believe this new feature makes the app a lot more interesing and enjoyable for people that don't know many or any github users.
Overall, this project was my favorite on this platform, and I thoroughly enjoyed developing it.
- Submitted 9 months ago
React and SCSS Mobile first Solution
- HTML
- CSS
- JS
To enhance this solution, I believe implementing a more robust and logically clear code would be beneficial, particularly in handling edge cases such as division by zero and preventing results like 'NaN' and 'Infinity'.
