Skip to content

ann-dev/fem-fylo-landing-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor - Fylo landing page (dark theme)

Design preview for the Fylo landing page with dark theme and features grid challenge

last commit badge Netlify Status

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:

npm install

Development

To run the app on a local server use:

npm run develop
gatsby develop // with gatsby-cli installed

In case of any performance issues, run this command:

gatsby clean

Production

To compile for production build:

npm run build
gatsby build // with gatsby-cli installed

Testing production build locally:

npx serve public

Credits