css dictionary: application that catalogs each css property and organizes it into small, quick courses for anyone who wants to learn more about the css styling language.

"css dicionário: aplicação que cataloga cada propriedade css e organiza em pequenos e rápidos cursos para quem desejar aprender mais sobre a linguagem de estilização css." - Portuguese description.

Why (por que?)  |  Demo  |  How to use? (Como usar)  |  About CSS Dictionary  |  Features  |  License

🧑‍🎓 Why?

To learn basic ReactJS techniques with Typescript. To also learn and use React Router DOM for page routing.
To learn how to use tailwind CSS in styling a complete page, which searches and displays every important css property for web development, from the property that starts with the letter A to the property that starts with the letter Z.
CSS Dictionary brings together several quick and easy introductory courses for various properties of the CSS styling language!

Para aprender técnicas básicas do ReactJS com Typescript. Para também aprender e usar React Router DOM para roteamento de páginas.
Para aprender a usar tailwind CSS na estilização de uma página completa, que busca e mostra cada propriedade css importante para o desenvolvimento web, desde a propriedade que começa com a letra A até a propriedade que começa com a letra Z.
Dicionário css reúne diversos cursos rápidos e de fácil introdução para várias propriedades da linguagem de estilização css!

🚀 Demo

🤜💥 DEMO 💥🤛

css-dictionary-video.webm

🖥️ To use

1. Clone and open this project

1.1 Clone this repository (Clone este repositório)

  git clone https://github.com/rapha-developer/css-dictionary.git

1.2 Go to the project directory (Vá para o diretório do projeto)

 cd css-dictionary

2. Install dependencies and start the server with NPM

2.1 Install dependencies with NPM

  npm install 

2.2 Execute application with NPM

  npm run dev

👉 OR (Ou)

2. Install dependencies and start the server with Yarn

2.1 Install dependencies with Yarn

  yarn install 

2.2 Execute application with Yarn

  yarn dev

⚡ About Css Dictionary

The css dictionary application allows you to search and list several basic css properties for those who want to enter the world of programming through the css styling language. Among these are: a, background, color, display, height, emptyCells, flex, gap, height, inset, justify-content, line-height & margin.

A aplicação dicionário css permite a pesquisa e lista diversas propriedades css básicas para quem deseja adrentar ao mundo da programação através da linguagem de estilização css. Dentre essas estão: a, background, color, display, height, emptyCells, flex, gap, height, inset, justify-content, line-height & margin.

⚒️ Features

✅ Search any css property based on user input.
(Pesquise qualquer propriedade css com base na entrada do usuário!)

✅ Click on a course and check all its modules.
(Clique em um curso e confira todos os seus módulos!)

✅ Click on a module and check the respective property of that module.
(Clique em um módulo e confira a respectiva propriedade daquele módulo!)

✅ List all glossary terms.
(Liste todos os termos do glossário!)

✅ Click on a glossary term and see its description.
(Clique em um termo do glossário e veja sua descrição!)

📝 License

This project is licensed under the MIT license.