Git Product home page Git Product logo

project_hoobank's Introduction

HooBank - Modern UI/UX website using React.js & Tailwind CSS

HooBank

Showcase your dev skills with practical experience and land the coding career of your dreams

๐Ÿ’ป JS Mastery Pro - https://jsmastery.pro/youtube โœ… A special YOUTUBE discount code is automatically applied!

๐Ÿ“™ Get the Ultimate Frontend & Backend Development Roadmaps, a Complete JavaScript Cheatsheet, Portfolio Tips, and more - https://www.jsmastery.pro/links

project_hoobank's People

Contributors

adrianhajdin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

project_hoobank's Issues

Overflow

Hello,

The blue gradient in the Testimonials section overflows. Check the image below.

You can check the repo from there: Github Repo.

Screenshot 2023-08-23 at 21 01 33

Navbar menu bug

If you open the menu on a small screen and then maximize the screen you end up with both menus open.

image

You can fix this by adding "sm:hidden" to the div classname.

menuBug

Enhancement in footer

If we place our image tag inside an anchor tag, then we can also use the link of the social media icons which are also given in the data.
just like that:

<a href={social.link} target="_blank" rel="noopener noreferrer">
        <img
              key={social.id}
              src={social.icon}
              alt={social.id}
              className={`w-[21px] h-[21px] object-contain cursor-pointer ${
                idx !== socialMedia.length - 1 ? "mr-6" : "mr-0"
              }`}
            />
</a>

Firefox gradient issue

Hi, great video!
I'm not sure if I'm missing something out but gradients in the hero section are much stronger in Firefox.

  • Chrome:

Screenshot 2022-08-18 at 22 27 30

  • Firefox:

Screenshot 2022-08-18 at 22 27 17

Bug issue

text-fill-color: transparent;
index.css line 34 is not working

Render issue on Github Pages

Hello,

Thank you for the tutorial. Can you please tell me how you got the app to display on Github Pages? When I try to deploy it here (https://portdavea.github.io/hooBankApp/)I receive a Failed to load resource: the server responded with a status of 404 () error in my DOM console.

Thank you in advance.

Keep up the great work.

Split content in different pages

Hi!

Thank you very much for all your free content, it's really amazing! Im trying copy the main page to other pages in order to link the different options of the navbar to a new pages with different content.

For example, I want to separate the Features page from the main page, and create a second page with different content. You dont talk about how to use the router feature from react.

Im trying to do it but something is not working for me, could you help me with this? Also I dont know how to "copy" the main page structure to a new one, to be able to change the content and create different pages with the same style.

Thank you very much in advance.

module is not defined

I installed react, vite, tailwind but when i copy-paste your config, i got this issue. I`m beginner and i can't fix it
Screenshot_2

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.