Skip to content

SlaVR7/RSS-CSS-Selectors

Repository files navigation

CSS-Selectors

In this task, I have created a trainer for learning CSS selectors. The trainer consists of multiple game levels. Each level includes a layout example and HTML code that corresponds to the current level. Some elements of the layout are highlighted using animation. The user's task is to write a CSS selector that targets all the highlighted elements in the layout.

Technology Stack:

  • HTML
  • SCSS
  • TypeScript
  • Webpack
  • ESLint

Deployment

You can see the deployment of the project at https://slavr7.github.io/RSS-CSS-Selectors/

Installation and Usage

To run this project locally, follow these steps:

  1. Clone this repository.
  2. Run 'npm install'.
  3. Run 'npm start'.

Screenshot

Screenshot 1

Available Scripts

  • 'npm run test': This script runs the Jest testing framework, which is used for testing your code.
  • 'npm run build': This script triggers the Webpack bundler to build your project in production mode. It sets the Node environment to production.
  • 'npm run build:dev': This script instructs Webpack to build your project in development mode, optimizing it for development and debugging.
  • 'npm run watch': This script runs Webpack in watch mode, which continuously monitors your project files for changes and rebuilds it automatically when changes are detected.
  • 'npm start': This script starts a development server using Webpack's built-in development server, allowing you to preview and test your project locally.
  • 'npm run lint': This script runs ESLint, a code analysis tool, on the code located in the src directory of your project. It automatically fixes code style and syntax issues using the --fix option, ensuring that your code conforms to defined coding standards and maintains consistency.

About

This is a simulator for learning CSS selectors

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •