All solutions

What are you most proud of, and what would you do differently next time?

mostly proud by the site responsivness and the fact that I have only one html file where we have all the contents which were required by this challenge like modal-window, full-image window, control-menu. I am proud to make this website as much responsive as it possible from my perspective, and I did it much better than in my previous space website challenge. The other proud moment is to make the js code as much efficient as I can to improve the performance of the overall website:3.

Also I made some changes in the design as I thought that the main page is a bit compact for big screens, and also I tried to use grid for that, which helped me to train this technology in CSS😊❤️

I write a simple route on python flask for fetching similar json data from my aws server to the netlify website. I collected almost 500 arts with the help of my scrapers on bs4, urrlib3 and playwright libraries🥲💕. Now website is much more interesting. I will make this website much more complex and interesting in the future

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

The main challenge was js logic of adding and removing dom elements without decreasing the perfomance (like try to use innerHtml as less as it possible).

The next one is making responsive design for mobile phones when you change the orientation (such a nightmare because it destroyed my tablet responsivness, but I thought that I found the ideal balance between 2 device types.

The last challenge was the css grid in the main page and flex box in my modal window. The absoulte and relative position didnt work as I expected on responsivness, but now it works perfect :3 (Thanks to stack overflow and mozila docs)

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

maybe just check my responsive part (Is I do everything in a right way) In other areas, everything works well

What are you most proud of, and what would you do differently next time?

I am really proud to build this website based on the react router which helped me to understand how to use this extension for react in order to build single page website but with different routing logic. Also, I proud of myself in my increased capability to create responsive websites as my experience is growing from project to project. Finally, I created an additional dynamic page for each story to make site more complex and interesting🥲

In Next project I will use react-redux and tailwind CSS which I already know and now it is time to use them fully in my next react challenge😅❤️

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

The biggest challenge was making website more alive that's why I implemented framer library which is the library for creating beautiful animations for react components. Another challenge was creating components in as much responsive way as possible. I thought I also handled this problem.

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

What can I do with images in order to make routes to wait for the images being loaded ? Because sometimes images are not loaded and it is break my smooth animations, especially viewport animations when due to empty image container other container come into play and break the animations. ** What can you advice me ?😍**

What are you most proud of, and what would you do differently next time?

This my first self-made react app in which I learned so much about react working under the hood, especially how react use re-render techniques. I understood how use much more efficient react re-render avoid techniques such as callback and memo methods. With the help of react I managed to create a simple web app in much less time than with using vanilla JS. I also went beyond the original tasks for this challenge and add the option of saving words in local storage and extract the saved words with their pronunciation, explanation, and type to the excel file via sheet.js. In order to check your saved words you can press to the book svg on top left bottom of the page and thats all 😁

In the future I want to make website more beautiful with using smooth animations on it😍😁.

Please, give me a star in GitHub, if you really like my website. Thanks in advance❤️😁

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

The biggest challenge for me was making react not to re-render all components due to each change. Now I understood, how it was important to create a plan for react app and its tree before starting to code itself🥲

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

Animations! Maybe someone have some ideas or library suggestions (except anime.js, because I already know it😅) for making my website much more beautiful:)

What are you most proud of, and what would you do differently next time?

I mostly proud by the site responsivness and the fact that I have only one html file where we have all the contents which were required by this challenge like modal-window, full-image window, control-menu. I am proud to make this website as much responsive as it possible from my perspective, and I did it much better than in my previous space website challenge. The other proud moment is to make the js code as much efficient as I can to improve the performance of the overall website:3.

Also I made some changes in the design as I thought that the main page is a bit compact for big screens, and also I tried to use grid for that, which helped me to train this technology in CSS😊❤️

I write a simple route on python flask for fetching similar json data from my aws server to the netlify website. I collected almost 500 arts with the help of my scrapers on bs4, urrlib3 and playwright libraries🥲💕. Now website is much more interesting. I will make this website much more complex and interesting in the future

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

The main challenge was js logic of adding and removing dom elements without decreasing the perfomance (like try to use innerHtml as less as it possible).

The next one is making responsive design for mobile phones when you change the orientation (such a nightmare because it destroyed my tablet responsivness, but I thought that I found the ideal balance between 2 device types.

The last challenge was the css grid in the main page and flex box in my modal window. The absoulte and relative position didnt work as I expected on responsivness, but now it works perfect :3 (Thanks to stack overflow and mozila docs)

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

maybe just check my responsive part (Is I do everything in a right way) In other areas, everything works well

What are you most proud of, and what would you do differently next time?

Mostly, I am proud with the complexity of animation and in js logic consistency. I tried to make my pages as much dynamically as possible. For instance, I combined html files according to topic (like destinations, crew and technologies) on one html and just pulling my data from the local.json file

I also use anime.js for creating beatiful animations and for destinations.js I made my own animation, just to be sure that I am understand animations :3. Next time I will make differently , maybe, the usage of react instead of vanilla.js :3

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

Only with responsive design on IOS devices. Dont know where can I check the proper way of writing media queries for IOS devices

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

Responsive design o IOS. Should I add every iphone model on media queries or maybe I am doing something wrong in my code:3