Skip to content
OverviewSolutions
30
Comments
35

Ilya Andreev

@NeoScripter880 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • maricastroc•560
    @maricastroc
    What are you most proud of, and what would you do differently next time?

    This project was a great opportunity to practice backend development with PHP/Laravel and to use Inertia.js to streamline data loading in the application. I ended up adding new features to the system, such as theme selection and support for custom links. I plan to add more functionality in the future (and I'm open to suggestions, if you have any!).

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

    I'm grateful for any feedback or bug reports you might have! :)

    Link Sharing App w/ React.js, PHP/Laravel, PostgreSQL and Tailwind CSS

    #laravel#php#postgres#react#tailwind-css
    1
    Ilya Andreev•880
    @NeoScripter

    I like the app. Inertia.js is a good choice, I also use it now.

    A few things that I noticed that could be improved:

    1. I suggest remove overflow auto on sign up form to remove scrollbars on right and bottom
    2. You forgot to remove console.log somewhere so that my console always outputs an object
    3. I would add max image size for validation (currently, I can upload an image of 8 mb without anything stopping me)
    4. I can't navigate to the save button in the bio using tab.
    5. If you have a preloader already, you can remove the scrollbar on top by giving it the false value in the app.blade.php file.

    Other than that, good job!

  • Guney Unay•1,690
    @unaygney
    What are you most proud of, and what would you do differently next time?

    I'm most proud of creating a fully type-safe API using tRPC on the backend. The seamless integration of type safety throughout the entire stack was a significant achievement. Additionally, I’m particularly happy with how I structured the nested layouts, ensuring they work intuitively and efficiently.

    Completing this project as a full-stack solution is another highlight that I’m really proud of.

    Next time, I’d focus on optimizing the development process further and exploring additional tools or techniques to enhance scalability and performance.

    Note Taking Web App

    #next#postgres#tanstack-query#trpc#zod
    1
    Ilya Andreev•880
    @NeoScripter

    Hi. I tried to use your app, but it got broken. When I created a new note, I accidentally clicked the button two times. It created two notes with the same content and when I deleted one, the app got broken. Maybe you could disabled the submit button after the first click. Also, when I create a note without a tag, it creates a tag with an empty string.

    I hope this feedback is helpful.

    Marked as helpful
  • Briuwu•840
    @Briuwu
    What are you most proud of, and what would you do differently next time?

    I'm really proud of creating a user-friendly note-taking app with features like real-time feedback, customization options, and user authentication. Next time, I'd focus on optimizing the app's performance and improving the user interface for an even better experience.

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

    One of the main challenges I faced was making the app adapt dynamically to different themes and fonts. To overcome this, I implemented a flexible theming system that allowed users to switch between themes and fonts seamlessly.

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

    I could use some assistance with improving keyboard navigation and finding a more efficient way to implement dynamic font and theme changes. Any suggestions or best practices in these areas would be greatly appreciated.

    Note Taking App Full Stack (built using Next.js, NeonDb, Clerk, etc.)

    #next#react#tailwind-css
    2
    Ilya Andreev•880
    @NeoScripter

    Hi. I would like to give you feedback about your solution.

    1. When I tried to log in, I was a little bit frustrated. You implemented client side validation, as well as server-side, but they don't match. When the client side tells me that the password meets all my requirements (yes, my password was just "password" because the only thing I wanted was to check out your app), the server-side gave me an error. I understand that you set that requirement for passwords to be reliable, so that your backend checks it againt any breached passwords, but is it really worth it for a simple note-taking app? I would not use that validation for simple apps like that. If you do use it, make sure that it matches your client side validation so that there is no discrepancy.

    2. There are no toast messages when creating and editing notes, you migth wanna implement that.

    3. The error message under the text area in the note field overflows to the top into the text area.

    4. You might wanna add no search results message when the search doesn't find anything.

    5. Your message outputs escaped html like this: "You don&t have any notes yet.".

    What I liked is how you handled loading and added skeleton animation.

    I hope this feedback is helpful, good luck with future projects!

  • P
    Dmytro•200
    @DmytroVoitovych
    What are you most proud of, and what would you do differently next time?

    I am proud that I was able to implement everything that was required and successfully organize the numerous routes I created for this project. Additionally, I managed to make the Element library work exactly as I needed. I’m also proud that I hosted the project on Firebase instead of Vercel, which was a valuable learning experience.

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

    I encountered many challenges throughout this project. One of the biggest was realizing that the Element Plus UI library does not have a built-in trigger for the comma key. To solve this, I had to write a dispatch event to emulate the behavior the library required. Additionally, some pages had to look different on mobile and desktop, which meant implementing a route that dynamically adjusted based on page resize.

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

    Actually I don't know. However I would be happy to see any feedbacks.

    This app was build via Vue.js with Mobile first approach

    #pinia#vue#firebase
    1
    Ilya Andreev•880
    @NeoScripter

    Hi, Dmytro.

    I really like your solution, good job. Things that I like:

    1. The app is very fast, really.
    2. Eye-appealing animation.
    3. App doesn't break when I remove disabled attributes from buttons and submit invalid input.

    Things I think could be improved:

    1. Add the ability to submit forms with the enter key, so example, while creating notes.
    2. Add padding to the items in the settings section.
    3. Add hover effect to the buttons to the right sidebar.

    Other than that, good job!

    Marked as helpful
  • Ilya Andreev•880
    @NeoScripter

    Hi, Richard, thank you for posting your solution. I have noticed a few things that I can give you feedback on:

    1. Many of the elements have overflow-auto, whic results in ugly scrollbars on right and bottom, especially in Google Chrome. You might wanna use overflow-x: auto, or better yet, hide scrollbar completely with css. Personally, I use these css classes:

    .scrollbar-hidden { -ms-overflow-style: none; scrollbar-width: none; }

    .scrollbar-hidden::-webkit-scrollbar { display: none; }

    1. The toast message appears inside the note container, you might wanna place it in the right bottom corner.
    2. You might wanna set timeout for the toast message to disappear by itself.
    3. After I create a note, there is about 4-5 seconds delay before any indication of what is happening. You might wanna set up some loader to let the user know that it is loading.
    4. You need a space after ":" in "Notes Tagged:tag" in the header.
    5. The scrollbars still remain white in the dark mode. You migth wanna remove them using my suggestion above or style them with css.
    6. The list items in the settings section don't have padding.
    7. After I submit the sign up form without any input, it takes about 4 seconds before validation errors show up. You might wanna consider setting very basic client side validation for the cases like that.

    I hope my suggestions were helpful, good luck with your other projects.

  • maricastroc•560
    @maricastroc
    What are you most proud of, and what would you do differently next time?

    The project was an excellent opportunity to practice implementing the drag-and-drop feature, as well as organizing the theme in local storage while storing other information, such as boards, columns, tasks, and subtasks, in the database via Prisma and PostgreSQL. The use of contexts was essential to keep the features organized and intuitive. Additionally, I implemented authentication using Next OAuth and built the Next.js API and its endpoints, which was a great chance to practice API construction and management.

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

    I believe the most challenging part was managing the relationships between the entities involved in the project. In this regard, creating a context was essential to avoid prop drilling.

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

    You’ll notice that I added some additional features beyond those proposed in the challenge. I added the functionality to add tags to the tasks created, as well as set a due date and render the date color according to the task's status (overdue, due soon, or completed). I plan to add new features over time, and if you have any suggestions, I’d love to receive that feedback! I also welcome any suggestions, whether they concern bugs or potential refactoring opportunities!

    Fullstack Kanban Task Management w/ Next.js + Prisma

    #next#prisma#styled-components#typescript#postgres
    3
    Ilya Andreev•880
    @NeoScripter

    Wow! The new version of this app is so much better! I especially like the loading animation and the animation of elements is really cool. I wish I can make apps of the same quality some day in React, lol :) It's quite hard for me now.

    By the way, I also updated my solution, I just finished the new version of Kanban in React today, you can check it out if you want.

View more comments