Skip to content
OverviewSolutions
11
Comments
7

maricastroc

@maricastrocBrazil510 points

Fullstack developer, mainly working with React.js and PHP / Laravel for application development. Super passionate about tech and coding, and when I’m not 100% deep into a project, you’ll probably find me geeking out over new technologies. Let's learn together! 🎈

Latest solutions

View more solutions

Latest comments

  • maricastroc•510
    @maricastrocPosted about 1 month ago

    Hi, George! Unfortunately, I couldn't access the application because, on the signup screen, I tried registering with several different emails, but it kept saying that the email was already in use by another user. I didn’t look into the request details in depth, but it might be a bug in the backend. Could you take a look? I'd love to test your application once I can log in.

    Marked as helpful
    1
  • P
    Mohammed Omar Helal•450
    @MohammedHelalSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    This is the first time I made a full stack app, and it was a challenge building it in nextjs and am very proud with how it turned out.

    What I changed from original design:

    • I add a loading page for all board.
    • Changed the theme from user controlled to one reflecting the user's system preferences.

    All in all this was a very helpful and fun project, if you have any suggestions or ways to improve the project do tell me 😊.

    Kanban board made with Next.js and Postgresql

    #next#postgres
    1
    maricastroc•510
    @maricastrocPosted about 1 month ago

    I loved the small changes you made to the app's design! It looks cleaner and more minimalist. I also really liked the use of skeletons during transitions. A few small suggestions:

    • It might be interesting to try implementing drag-and-drop functionality. I suggest using the react-beautiful-dnd library for this. It's pretty easy to use and has very helpful documentation.
    • It would be great to give the user the option to customize the color of the tags for different tasks.
    • It would also be cool to allow the user to drag the kanban column area to the side to swipe horizontally, giving a smoother design experience.

    Other than that, I absolutely loved your implementation! Huge congratulations!

    Marked as helpful
    1
  • P
    Jaylen Baxter•340
    @JYLNSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I originally built the tip selection portion of this project using regular button elements instead of any general form selection elements, but after learning more, I found it is better semantically and for accessibility to use the form selection elements. I decided to refactor the regular buttons to use radio buttons instead.

    What specific areas of your project would you like help with?

    Any and all feedback is welcome!

    Tip Calculator App using SvelteKit and Tailwind CSS

    #svelte#tailwind-css
    1
    maricastroc•510
    @maricastrocPosted about 1 month ago

    Your solution is really well thought out! I loved the effect you added to the tip amount/total and tip amount/person counters. A few small suggestions:

    • It would be interesting to set a maximum value for the tip amount. This prevents the application’s design from breaking if I enter an extremely high number.
    • In the custom tip field, it would be interesting to block the input of negative values;
    • For the "tip percentage" section, it might be useful to add more aria-* attributes, such as aria-checked for the radio input fields. This improves the user experience for those using screen readers.

    Other than that, I think your solution is excellent, and the code is very well organized! Great job!

    Marked as helpful
    1
  • P
    Piotr•260
    @Gwynbleidd222Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I learned a lot—for example, how to work with React Context and how to connect all the components together.

    What challenges did you encounter, and how did you overcome them?

    Honestly, the entire process of building the app was a huge challenge for me.

    What specific areas of your project would you like help with?

    Any feedback or suggestions are greatly appreciated.

    This is my solution to the Kanban task management web app challenge

    #react#react-router
    2
    maricastroc•510
    @maricastrocPosted about 1 month ago

    Your solution is really well thought out! Just a few observations:

    • When creating a column in a board, it gets positioned strangely... The scroll is in the middle of the screen instead of being aligned to the right margin;
    • I believe the placeholder color for the inputs could be slightly darker;
    • If I try to create a new task and don’t select a status for it, clicking "create task" does nothing, but I also don’t get any form validation error;
    • It would be nice to try adding the drag and drop feature! I recommend the react-beautiful-dnd library. It’s really simple to use and has very descriptive documentation.

    Other than that, great job on your solution! I really liked the smooth animations you added to the modals.

    Marked as helpful
    1
  • maricastroc•510
    @maricastrocPosted about 1 month ago

    Hello! The design of your application looks great! Just a few small details:

    • I believe you need to adjust the layout to fill the entire screen, without leaving empty spaces on the sides;

    • It might be a good idea to increase the top padding of the application to create some space above the navbar;

    • It would be interesting to implement toasts to provide feedback to the user when deleting or editing an entity;

    • I think the only missing functionality is drag and drop, right? I recommend using the /react-beautiful-dnd library. It’s easy to use and has very instructive documentation.

    Great job on the solution! Hope this helps :D

    Marked as helpful
    0
  • Ilya Andreev•880
    @NeoScripterSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    This is my second attempt to create this application. The first time, I used Laravel and I made it as a full-stack app. It worked, but it was very clunky, unwieldy and had a lot of bugs. This time, I used completely different stack and this version of the app is so much better! This time, I used local storage and didn't make it a full-stack app but it's okay as it doesn't have to be, considering the use cases. I'm very proud of component structure, custom hook use and animation.

    What challenges did you encounter, and how did you overcome them?

    I encountered dozens of challenges and had to debug this app multiple times, starting from animation and state management up to optimizing CRUD operation on a state variable with super nested structure. The amount of experience I got from it is immense. It is truly remarkable how fast one can grow when they write all the code by themselves without AI. (I used it only when I was completely stuck but, honestly, AI is pretty bad at React code, at least in my experience).

    What specific areas of your project would you like help with?

    Can anyone tell me how do you set up email notification on your app in Next.js in a straightforward way? It is not related to this project, but if anyone knowns, tell me please. I did a lot of research and found out that such a simple and straightfoward thing as sending an email (PHP does it natively and for free, by the way) is a whole mumba-dumba in Next.js. You need to spend several hours of your time setting everything up and paying third-parties some fees. Is there a really simple way that I didn't see online?

    Painstackingly made Kanban app with React, TypeScript and Tailwind

    #laravel#typescript#sass/scss
    1
    maricastroc•510
    @maricastrocPosted about 1 month ago

    Hello! I really liked the fact that you built a fullstack application and also implemented a language selection feature. Here are a few observations that might help:

    It might be interesting to show feedback toasts to the user during registration on the platform, as well as password validations; When clicking the 'add board' button in the boards area, nothing happens. I can only create a new board using the sidebar menu. I also noticed that the theme switch feature is currently not working.

    Other than that, I really liked your solution and the small design details. :D

    Marked as helpful
    1
View more comments