Skip to content
OverviewSolutions
4
Comments
3
lilprof01
@lilprof01

All comments

  • Didar•50
    @daizharyk
    What are you most proud of, and what would you do differently next time?

    What did you like about this project? I enjoyed working with modular styles and structuring the project into components. It was also interesting to implement React hooks like useState and useEffect, as well as set up routing using react-router-dom.

    What did you learn? I learned how to apply modular styling in React, reinforced my understanding of useState and useEffect, and gained experience in setting up routes for a multi-page application.

    What challenges did you face or where do you need help? I had some difficulties with deploying the project on GitHub Pages, so I switched to Netlify. I also want to explore different styling approaches in React and improve my knowledge of Next.js for my next project.

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

    I found it very challenging to style the containers because they kept shifting or going beyond the background boundaries. However, with the help of ChatGPT, I was able to solve these issues and properly align the elements.

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

    Did I need to follow the exact layout from the design, or should I have adapted it for any screen size?

    For example, the design had a resolution of 1440x880px, but my screen is Full HD.

    Space Tourism Website – A Modern Multi-Page React Project

    1
    lilprof01•130
    @lilprof01

    Oh Dida, this is just brilliant... your work, your code, your styles; all clean and smooth, I take it you are already a professional at this and I covet your level of precision, I just finished the same project too.

    please what style of CSS is that you used, grouping it one by one? I mostly use tailwind css but I love the organization of styles you have there, kudos man.

    kindly check mine out too, I will appreciate your feedback, and I just shot you a follow on github as well

    Marked as helpful
  • Sourav Barua•100
    @sourav136
    What are you most proud of, and what would you do differently next time?

    The thing I am proud of the most is I was able to achieve the pixel perfect design. I tried my best to make the website as close as possible, as well as keeping it fully responsive. From my next approach I will try to make the websites more performance and SEO friendly.

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

    One of the challenges I encountered was the destination section's header part. The part that has the name of each destination and I had to add an active class also make those headers clickable so that every time a users clicks on a header it will take that user to that particular slide. That was something new for me as I didn't had any prior experience on it. I did some research and ultimately was able to achieve that by using React states.

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

    There are a few things I would have seek for help if I get the chance. The first one is in the Home section. I tried my best but I was unable to get the explore button behind the off canvas. I tried setting the z-index property lower and higher but nothing worked. And it is still unfixed. The next thing I would need help about hoe to improve website's SEO performance as well as some tips on improving website's performace.

    CSS flexbox, responsive design, media queries

    #bootstrap#react#react-router#accessibility
    1
    lilprof01•130
    @lilprof01

    This is a very brilliant work Barua, I just finished the same project too and I must say I covet your level of precision, you nailed it perfectly.

    A couple things I see you struggling with in your code is conditional rendering with react, I saw you used the swiper tool a lot but you could also create those components yourself and conditionally render them so it doesn't automatically slide itself, which can throw the user off but overall you've done a brilliant execution to the alignments. Kudos man

    you can check mine out too, I will appreciate your feedback on it.

  • Tochukwu-1•30
    @Tochukwu-1
    What are you most proud of, and what would you do differently next time?
    • Everything about writing this code and seeing it turn out like the given ui/ux design is worth being proud of.
    • This task was carried out using HTML, CSS & JS, and if I were to do it again it would involve use of React, tailwind css and other possible frameworks.
    What challenges did you encounter, and how did you overcome them?
    • Not quite sure I encountered any challenge writing the code, aside having my system go bad and then saving up to fix it.
    What specific areas of your project would you like help with?
    • None at the moment

    HTML, CSS & JS

    1
    lilprof01•130
    @lilprof01

    Really nice work Tochukwu, I just finished the same project as well and I must say I commend your effort in writing the code with vanilla Js.

    Your codebase is really clean and well structured too, kudos man.

    I just want to suggest maybe displaying the error message one after the other so the whole page doesn't just go all red at once and give the user a jump scare lol, and the hover effects seem to be disrupting the view of the page as well every time the mouse is moving around on the form it gets shaky due to the border being added on hover and removed on mouse leave.

    But overall this is really a nice work Tochukwu, I envy your precision. See you at the top man, cheers.

    Marked as helpful