Fylo Dark Theme Landing Page - Frontend Mentor Solution

This is my solution for the Fylo Dark Theme Landing Page challenge on Frontend Mentor, built using Nuxt.js 3.

Table of Contents

• Introduction
• Features
• Technologies
• Usage
• Installation

Introduction

This project is a solution to the Fylo Dark Theme Landing Page challenge on Frontend Mentor. The challenge was to build a landing page for a file storage service with a dark theme. The solution is responsive and built using Nuxt.js 3, a progressive Vue.js framework.

Features

• Responsive design, ensuring compatibility across various devices and screen sizes.
• Dark theme with visually appealing design elements.
• Interactive elements such as hover effects for buttons.
• Built-in form validation for the email input field.

Technologies

• Nuxt.js 3: A Vue.js framework that allows for the creation of server-rendered Vue applications with ease.
• Vue.js: A progressive JavaScript framework for building user interfaces.
• HTML5: The latest version of HTML, used for structuring the web page.
• CSS3: The latest version of CSS, used for styling the web page.
• JavaScript: Used for implementing interactive features and form validation.

Usage

To view the live demo of the solution, visit Live Demo

To run the project locally, follow the installation instructions below.

Installation

1. Clone the repository:

   git clone https://github.com/2giosangmitom/fylo-landing-page.git

2. Navigate to the project directory:

   cd fylo-landing-page

3. Install dependencies:

   pnpm install

4. Start the development server:

   pnpm dev

5. Open your browser and visit http://localhost:3000 to view the project locally.