https://github.com/ann-dev/fem-fylo-landing-page

Startup landing page built with Gatsby.js and styled components
https://github.com/ann-dev/fem-fylo-landing-page

challenge dark-theme frontend-mentor gatsbyjs landing-page netlify styled-components

Last synced: 2 days ago
JSON representation

Startup landing page built with Gatsby.js and styled components

• Host: GitHub
• URL: https://github.com/ann-dev/fem-fylo-landing-page
• Owner: ann-dev
• Created: 2020-12-15T20:28:52.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-09T10:55:57.000Z (over 3 years ago)
• Last Synced: 2023-11-03T12:36:52.372Z (about 1 year ago)
• Topics: challenge, dark-theme, frontend-mentor, gatsbyjs, landing-page, netlify, styled-components
• Language: JavaScript
• Homepage: https://fem-fylo-landing-page-dark.netlify.app/
• Size: 3.93 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - Fylo landing page (dark theme)

![Design preview for the Fylo landing page with dark theme and features grid challenge](./preview.jpg)

✨ Live Demo




  

  



## Description

Responsive page design challenge: landing page with a dark theme, based on GatsbyJs, styled components and React Hook Form. My solution for one of challenges for frontendmentor.io



Main features:



    
Based on GatsbyJs and styled components




    
Responsive layouts based on Flexbox and CSS Grid

    
CI/CD integration with Netlify

    
Custom 404 page



## Usage

### Installation

Please navigate first to the "site" folder! Then run:

```sh

npm install

```

### Development

To run the app on a local server use:

```sh

npm run develop

gatsby develop // with gatsby-cli installed

```

In case of any performance issues, run this command:

```sh

gatsby clean

```

### Production

To compile for production build:

```sh

npm run build

gatsby build // with gatsby-cli installed

```

Testing production build locally:

```sh

npx serve public

```

## Credits

* Designed by [Frontend Mentor Team](https://www.frontendmentor.io/).

* Social icons by [Ionicons](https://ionicons.com/).

* Code written by [ann-dev](https://github.com/ann-dev).