Fylo dark theme landing page solution - Frontend Mentor

This project is a responsive web application built with React and TypeScript. It showcases a variety of skills and best practices in modern web development.

This is a solution to the Fylo dark theme landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with
• Getting Started
• 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

Links

• Live Site URL: live site URL

My process

Built with

React: The project is built using React.

• TypeScript: TypeScript, a statically typed superset of JavaScript.
• Tailwind CSS: The project uses Tailwind CSS for styling.
• Responsive Design: The application is fully responsive and provides an optimal user experience on mobile and desktop devices.
• Semantic HTML: Semantic HTML elements are used to reinforce the meaning of the content in web browsers and assistive technologies.

Getting Started

To get a local copy up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/yakin-ts/fylo-react-tailwind-landing-page.git

2. Install the dependencies:

  npm install

3. Start the development server:

  npm run dev

Author

• LinkedIn - Yakin Teshome
• Frontend Mentor - @yakin-ts