<a name="readme-top" id="readme-top"></a>

Frontend Mentor - Easybank landing page solution

This is a solution to the Easybank landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Links
  • 💻 Getting Started
• Setup
  • Prerequisites
  • Install
  • Usage
• My process
  • Built with
  • What I learned
• Author
• 🤝 Contributing
• ⭐️ Show your support

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page

Links

• Solution URL: solution URL
• Live Site URL: live site URL

<!-- GETTING STARTED -->

💻 Getting Started <a name="getting-started"></a>

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• Code editor (preferably 'Vs code')
• NodeJs
• Git
• Browser

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/Progress2002/easybank.git

Install

Install this project with:

1. Install Node Modules

   npm install
   

Usage

To run the project, execute the following command:

1. Generate a full static production build

   npm run build
   

2. Start the development server

   npm start
   
   

<p align="right">(<a href="#readme-top">back to top</a>)</p>

My process

Built with

• ReactJs
• TailwindCss
• React-revel
• react-icons

What I learned

Working on this project, I got to practice using tailwindcss to add styles to a webpage for the first time as well as using react-revel for animations.

Author

👤 Progress2002

• GitHub: @Progress2002
• Twitter: @Progress_2002
• LinkedIn: @Progress
• Frontend Mentor - @Progress2002

🤝 Contributing <a name="contributing" id="contributing"></a>

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

<!-- SUPPORT -->

⭐️ Show your support <a name="support" id="support"></a>

If you like this project please leave a star. Thank you 🙏

<p align="right">(<a href="#readme-top">back to top</a>)</p>