tatianeaguirres / angular-responsive-menu-app

Code example of a responsive and accessible menu with just CSS and TypeScript (without CSS libraries).

Home Page:https://www.tatianeaguirres.com/blog/29-09-2020-angular-responsive-and-accessible-menu/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular Responsive Menu

This project was generated with Angular CLI version 9.1.7, and contains a code example of a responsive and accessible menu with just CSS and TypeScript (without CSS libraries).

Requirements

You must have the following application installed:

Running the application

  1. Clone this repository.
  2. Run $ npm install to install all the dependencies.
  3. Run $ ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Troubleshooting

If you had any problem trying to run the application make sure that you have met the following requirements:

Node version: v12.8.0
Npm version: v6.14.5

The project

Mobile and desktop version:

Screenshot of the project with responsive menu on mobile and desktop devices.

About

Code example of a responsive and accessible menu with just CSS and TypeScript (without CSS libraries).

https://www.tatianeaguirres.com/blog/29-09-2020-angular-responsive-and-accessible-menu/


Languages

Language:TypeScript 51.0%Language:HTML 22.0%Language:CSS 19.0%Language:JavaScript 8.0%