Project_Hoobank screenshot

Project_Hoobank

Author Avatar Theme by Omunite215
Updated: 28 Nov 2023
23 Stars

A Modern UI/UX Landing Page of a Bank made using NextJS and Tailwind

Categories

Overview:

HooBank is a modern UI/UX landing page built using Next.JS and TailwindCSS. Originally created using a tutorial from JavaScript Mastery, the project has been upgraded and enhanced with various features such as transitioning from Node.JS to Bun.JS, JavaScript to TypeScript, and React.JS to Next.JS. The landing page includes fluid animations using Framer-Motion and optimized code with removed unused CSS. The project is hosted on Vercel and provides a product page for a bank, showcasing its features, clients, feedback, and more.

Features:

  • Upgraded from Node.JS to Bun.JS for improved performance
  • Transitioned from JavaScript to TypeScript for better type-safety
  • Migrated from React.JS to Next.JS for enhanced functionality
  • Implemented fluid animations using Framer-Motion
  • Optimized code by removing unused CSS

Installation:

To get a copy of the HooBank project up and running on your local machine, follow these steps:

  1. Clone the repository to your local machine
  2. Navigate to the project directory
  3. Install the necessary dependencies
  4. Start the development server

After completing these steps, the website should be accessible at http://localhost:3000.

Summary:

HooBank is a modern UI/UX landing page built using Next.JS and TailwindCSS. It offers various features and enhancements to improve performance, type-safety, and functionality. The project includes fluid animations and optimized code. By following the installation guide, users can easily set up the project on their local machines.