https://github.com/adnankasikci/scss_project_management
Management of a large project with scss.
https://github.com/adnankasikci/scss_project_management
bem bem-css bem-methodology sass sass-mixins
Last synced: 27 days ago
JSON representation
Management of a large project with scss.
- Host: GitHub
- URL: https://github.com/adnankasikci/scss_project_management
- Owner: adnankasikci
- License: mit
- Created: 2023-10-23T17:47:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-16T23:21:28.000Z (over 1 year ago)
- Last Synced: 2025-02-11T14:57:00.193Z (3 months ago)
- Topics: bem, bem-css, bem-methodology, sass, sass-mixins
- Language: SCSS
- Homepage: https://large-project-with-sass.netlify.app/
- Size: 1.25 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Large Project Management With Sass
BEM CSS Metodolojisinin yaklaşımlarına aşinalık ve sass teknolojisi ile büyük projeleri yönetebilmek için oluşturulan bir çalışmadır. Çalışmanın canlı hali: https://large-project-with-sass.netlify.app/
#### Proje Amacı
---
Bu projede BEM CSS Metodolojisini daha iyi anlamak ve sass teknolojisine daha hakim olabilmek için farklı örnekleri de görebilme adına hazırlanmış bir web sitedir.
- BEM CSS metodolojisini kavramak
- SASS ile büyük projeleri yönetebilmek
- Kullanılan yapılara aşina olmak
- SASS folder structure ile büyük ölçekte proje yönetimi
- SASS componentlerle çalışma ve varyantlar oluşturma
- SASS pratikleri ile pekiştirme ve işleyişi kavrama
#### Kullanılanlar
---
- @import @include @use ile birlikte çalışma
- Hover, active, disabled, outline, none gibi temel varyasyonlar
- BEM CSS Blok, element, öğe ve modifier ile çalışma ve aşinalık
- @mixin @for @function ile çalışma ve clear kod anlayışı
## Kurulum
Projenin kurulumu için aşağıdaki adımları izleyin:
1. Proje dosyalarını bilgisayarınıza indirin veya klonlayın.
2. Terminali açın ve proje dizinine gidin: `cd proje-klasoru`.
3. Gerekli bağımlılıkları yüklemek için `sass` import edin.
4. Projeyi çalıştırmak için `npm run sass` komutunu kullanın.
5. Tarayıcınızda `http://localhost:3000 || 5500` adresinden projeyi görüntüleyin.
## Kullanım
Proje kullanımıyla ilgili aşağıdaki detayları göz önünde bulundurun:
- Proje ana sayfasında mevcut olan örnekleri inceleyebilirsiniz.
- Proje yapısını ve kullandığım animasyonları inceleyebilirsiniz.
- Açıklamaları takip edin ve kavrayın.
```json
>>package.json
//Kullanımı
"scripts": {
"sass": "sass --watch app/scss:app/css/main.css"
},
```
## İletişim
Herhangi bir sorunuz, öneriniz veya geri bildiriminiz varsa, lütfen göndermekten çekinmeyin.:relieved:
Bana Ulaşın [Sosyal Medya Hesabımı](https://www.linkedin.com/in/adnan-sevki-kasikci-486b97224/) ziyaret edin.
Okuduğunuz İçin Teşekkür Ederim!