https://github.com/omunite215/project_hoobank

A Modern UI/UX Landing Page of a Bank made using NextJS and Tailwind
https://github.com/omunite215/project_hoobank

best-practices bunjs framer-motion landing-page nextjs13 tailwindcss typescript

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/omunite215/project_hoobank
• Owner: omunite215
• Created: 2023-09-12T06:29:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-28T04:59:57.000Z (over 1 year ago)
• Last Synced: 2025-01-24T21:17:08.841Z (4 months ago)
• Topics: best-practices, bunjs, framer-motion, landing-page, nextjs13, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://hoobank-alpha-nine.vercel.app/
• Size: 43.4 MB
• Stars: 14
• Watchers: 2
• Forks: 29
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# HooBank-A Modern UI/UX Landing Page using Next.JS and TailwindCSS

![Screenshot 2023-08-11 213008](https://github.com/omunite215/Hoobank/assets/78680563/e33352b1-ff79-49e7-a9e1-4eaf995ce2c6)

This was my first project using Vite. Initially made using tutorial of [JavaScipt Mastery](https://youtu.be/_oO4Qi5aVZs?si=uIWyu_1FoElOJueH). Now it is made on next js using typescript.

Features added other than Tutorial:-

- Upgraded from Node.JS to Bun.JS (A Faster JavaScript Runtime).

- Upgraded from JavaScript to TypeScript.

- Upgraded from React.JS to Next.JS.

- Added Fluid Animations using Framer-Motion.

- Removed unused CSS and Optimized Code.

### Link to Figma File:



  

    

      

    

  



A website which is a product page of a Bank displaying its products features, clients , feedbacks and many more.

### The project is hosted on Vercel : [Hoobank](https://hoobank-alpha-nine.vercel.app/)

## :star: Give A Star

You can also give this repository a star to show more people and they can use this repository.

# Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Before you start, make sure you have the following software installed on your computer:

[![My Skills](https://skillicons.dev/icons?i=nodejs)](https://skillicons.dev)

## ℹ️ How to use this Repository?

1. Clone the repository to your local machine

```bash

  git clone https://github.com/omunite215/Project_Hoobank.git

```

2. Navigate to the project directory

```bash

  cd Project_Hoobank

```

3. Install the necessary dependencies

```bash

  npm install

```

4. Start the development server

```bash

  npm start

```

The website should now be up and running on http://localhost:3000.

## 🏠 Built With:

[![My Skills](https://skillicons.dev/icons?i=react,tailwind,nextjs,vscode,vercel)](https://skillicons.dev)

## 🛠 Skills

[![My Skills](https://skillicons.dev/icons?i=html,css,js,ts,react,nextjs,figma)](https://skillicons.dev)

## 🚀 About Me

Specializations:

- UI/UX Design.

- Web Development

## 🙋‍♂️ Connect With Me



  

    

      

    

  

   

    

      

    

  

  

    

      

    

  

   

    

      

    

  



## 🗒️ Authors

- Om Patel