https://github.com/lamba01/easybank-landing-page

This is a Landing page from frontend mentor which I developed with Nextjs and Tailwind CSS .It is responsive across all devices and browsers
https://github.com/lamba01/easybank-landing-page

javascript js jsx-syntax next nextjs nextjs14 tailwind-css tailwindcss

Last synced: 13 days ago
JSON representation

This is a Landing page from frontend mentor which I developed with Nextjs and Tailwind CSS .It is responsive across all devices and browsers

• Host: GitHub
• URL: https://github.com/lamba01/easybank-landing-page
• Owner: lamba01
• Created: 2024-07-25T17:48:03.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-27T15:33:59.000Z (4 months ago)
• Last Synced: 2024-11-02T21:02:26.668Z (13 days ago)
• Topics: javascript, js, jsx-syntax, next, nextjs, nextjs14, tailwind-css, tailwindcss
• Language: JavaScript
• Homepage: https://easybank-landings-pages.vercel.app
• Size: 361 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - Easybank landing page solution

This is a solution to the [Easybank landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/easybank-landing-page-WaUhkoDN). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

## Table of contents

- [Overview](#overview)

  - [The challenge](#the-challenge)

  - [Screenshot](#screenshot)

  - [Links](#links)

- [My process](#my-process)

  - [Built with](#built-with)

  - [Continued development](#continued-development)

  - [Useful resources](#useful-resources)

- [Author](#author)

## 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

### Screenshot

![](./public/images/desktop-preview.jpg)

### Links

- Solution URL: [Repository URL](https://github.com/lamba01/Easybank-landing-page)

- Live Site URL: [Live Site](https://easybank-landings-pages.vercel.app/)

## My process

### Built with

- Flexbox

- Mobile-first workflow

- [Tailwind CSS](https://v2.tailwindcss.com/) - For styles

- [Next.js](https://nextjs.org/) - React framework

### Continued development

Will definitely be working more with Nextjs and Tailwind css combination in future projects.

### Useful resources

- [Tailwind CSS Documentation](https://v2.tailwindcss.com/) - This helped me for XYZ reason. I really liked this pattern and will use it going forward.

## Author

- Website - [John Oluwafemi](https://johnsportfolioo.netlify.app/)

- Frontend Mentor - [@lamba01](https://www.frontendmentor.io/profile/lamba01)

- Twitter - [@lambacodes](https://www.twitter.com/lambacodes)