https://github.com/rupak-25/hoobank-ui-landing-page

Hoobank Landing Page is a modern, responsive web application built with React and Vite, styled using Tailwind CSS for a sleek and seamless user experience. It showcases a clean design and efficient performance, making banking intuitive and engaging. 💳💻 To experience it in live click on the link given below 👇
https://github.com/rupak-25/hoobank-ui-landing-page

animation framer-motion-3d frontend fullstackwebdevelopment html-css-javascript learning-by-doing modern motion reactjs styling tailwindcss uiux-design vite

Last synced: 27 days ago
JSON representation

Hoobank Landing Page is a modern, responsive web application built with React and Vite, styled using Tailwind CSS for a sleek and seamless user experience. It showcases a clean design and efficient performance, making banking intuitive and engaging. 💳💻 To experience it in live click on the link given below 👇

• Host: GitHub
• URL: https://github.com/rupak-25/hoobank-ui-landing-page
• Owner: Rupak-25
• Created: 2024-12-06T05:28:24.000Z (28 days ago)
• Default Branch: main
• Last Pushed: 2024-12-06T06:02:50.000Z (28 days ago)
• Last Synced: 2024-12-06T06:25:22.507Z (28 days ago)
• Topics: animation, framer-motion-3d, frontend, fullstackwebdevelopment, html-css-javascript, learning-by-doing, modern, motion, reactjs, styling, tailwindcss, uiux-design, vite
• Language: JavaScript
• Homepage: https://hoo-bank-ui-landing-page.vercel.app/
• Size: 0 Bytes
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# HooBank Landing Pgae



  









This project is a responsive landing page for Hoobank, built using React with the Vite configuration for fast development and optimized builds. Tailwind CSS is used for styling, ensuring a modern and responsive design.


Features

✅ Responsive layout adaptable to all devices


✅ Modern and clean design


✅ Fast development with Vite


✅ Tailwind CSS for utility-first styling


Prerequisites

Make sure you have the following installed:

✅ Node.js(v14.x or later)


✅ npm (v6.x or later) or yarn


Installation

Follow these steps to set up the project locally:

Clone the repository:


git clone https://github.com/Rupak-25/HooBank-UI-Landing-Page.git


cd HooBank-UI-Landing-Page


Install the dependencies:

npm install or yarn install


Running the Project

To start the development server, use

npm run dev or yarn dev


This will run the app in development mode. Open http://localhost:3000 to view it in the browser.


Building for Production

To create a production build, run:

npm run build or yarn build


This will build the project for production, optimizing the output for best performance.


Project Structure

- public/: Static files and the main HTML template


- src/: Source files including React components and Tailwind CSS styles


- components/: Reusable UI components


- pages/: Main pages of the application


- App.jsx: Main application file


- main.jsx: Entry point of the application


- index.css: Global styles including Tailwind CSS imports


Contributing

Contributions are welcome! Please fork the repository and submit a pull request with your changes. Ensure your code follows the project's coding standards.


License

This project is licensed under the MIT License. See the LICENSE file for more details.


Thank You

✨ A big shoutout and thank you for exploring this vibrant project! Your invaluable feedback and unwavering support are the sparks that keep our creative fire burning. 🌟 Let's keep coding and creating magic together! 🚀😊