Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/anthonybui1/easybank-landing

Landing page for a mock banking company using Next.js and Styled Components
https://github.com/anthonybui1/easybank-landing

nextjs styled-components

Last synced: 1 day ago
JSON representation

Landing page for a mock banking company using Next.js and Styled Components

Awesome Lists containing this project

README

        

# Easybank Landing

## Description
A landing page for a mock banking company. Created for a [frontendmentor.io](frontendmentor.io) challenge where the assets are provided but you are allowed to implement the design in any way you wish. For this challenge I chose the technologies listed below. The file structure is inspired by [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/) but it does not implement every possible tier in the specification due to project size.

## Technologies
- Next.js
- React
- Styled Components
- HTML

## Installation

Enter your project directory

`cd project-directory`

Clone the repository

`git clone [email protected]:anthonybui94/easybank-landing.git`

Move into the created directory

`cd easybank-landing`

Install dependencies

`npm install`

## Usage
The user is able to browse information in order to learn more about Easybank, view the optimal layout for the site depending on screen size, and see hover states for all interactive elements.

![Demo of the Easybank website](https://media.giphy.com/media/ObVD8DXxWy2aQ6k5kw/giphy.gif)

## Contributing
This project is not accepting contributions. You are welcome to modify and distribute any versions as you please.

## License
MIT License