Skip to content

vdsa7391/React_portofolio_1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 

Repository files navigation

💳 HooBank Clone

A fully responsive clone of the "HooBank" website built using React and Tailwind CSS. This project replicates the design and user interface of HooBank, providing a modern, clean, and visually appealing user experience.

Table of Contents

  • Features
  • Demo
  • Technologies Used
  • Usage
  • Project Structure
  • Contributing

Features

  • Responsive Design: Works seamlessly on all devices (desktop, tablet, mobile).
  • Modern UI Components: Built with reusable React components and styled using Tailwind CSS.
  • Animations and Transitions: Smooth transitions and animations to enhance user experience.
  • Accessibility: Implemented accessibility features for a wider audience.

Demo

You can view a live demo of the project here:

https://react-portofolio-1.onrender.com

Technologies Used

  • Frontend: React.js
  • Styling: Tailwind CSS
  • Icons: react-icons

Usage

This project provides a static clone of the HooBank website. You can explore various sections of the page, such as:

  • Hero Section: Engaging introduction section with a call-to-action.
  • Features and Services: Description of HooBank’s services.
  • Testimonials: Feedback and reviews from clients.
  • Footer: Links and contact information.

The project demonstrates the layout and visual design of HooBank without backend functionality.

Project Structure

frontend/
├── public/             # Public assets
├── src/                
│   ├── assets/         # Images, icons, and other media files
│   ├── components/     # Reusable React components
│   ├── pages/          # Page components
│   ├── styles/         # Tailwind and global styles
│   ├── App.js          # Main application component
│   ├── index.js        # Entry point for React
│   └── ...
README.md

Contributing

Contributions are welcome! To contribute:

  1. Fork the project.
  2. Create a new branch (git checkout -b feature-branch).
  3. Commit your changes (git commit -m 'Add new feature').
  4. Push to the branch (git push origin feature-branch).
  5. Open a Pull Request.

This README provides a clear overview and setup instructions for anyone looking to install, view, or contribute to the HooBank clone project. Let me know if you’d like any specific additions!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published