https://github.com/hirwa13/snap-mini

https://github.com/hirwa13/snap-mini

Last synced: 17 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/hirwa13/snap-mini
• Owner: HIRWA13
• Created: 2023-10-18T05:43:38.000Z (about 1 year ago)
• Default Branch: develop
• Last Pushed: 2023-10-27T09:43:06.000Z (about 1 year ago)
• Last Synced: 2023-10-28T07:34:29.519Z (about 1 year ago)
• Language: TypeScript
• Size: 378 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Snap:

This is a solution to a frontend mentor challenge.

[Intro section with dropdown navigation challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/intro-section-with-dropdown-navigation-ryaPetHE5).

Frontend Mentor challenges help you improve your coding skills by building

realistic projects.

## Overview

### The challenge

Users should be able to:

- View the relevant dropdown menus on desktop and mobile when interacting with

  the navigation links

- View the optimal layout for the content depending on their device's screen

  size

- See hover states for all interactive elements on the page

### Built with

- Semantic HTML5 markup

- tailwindcss

- tailwindcss Flexbox

- tailwind CSS Grid

- Mobile-first workflow

- Typescript - JS superset

- [React](https://reactjs.org/) - JS library

- [Styled Components](https://headlessui.com/)

### How to run the project

- Clone the project

- Run `npm install` to install the dependencies

- Run `npm run dev` to start the development server

- Open `http://localhost:5173` to view it in the browser.

## Author

- github - [Junior Hirwa](https://github.com/HIRWA13)