Skip to content

damianbugajDE/Taskrunner-Miniproject

Repository files navigation

README.md dla Taskrunner-Miniproject


Taskrunner-Miniproject

PL: Opis projektu

Taskrunner-Miniproject to frontendowy mini-projekt do nauki organizacji workflow deweloperskiego z użyciem HTML, SASS, JavaScript oraz Bootstrap Grid. Projekt służy jako ćwiczenie do portfolio, pokazując umiejętność pracy z taskrunnerami, preprocessorem SASS oraz organizacją plików w projekcie frontendowym.

Funkcje projektu:

  • Responsywna strona oparta o Bootstrap Grid.
  • Stylowanie przy użyciu SASS.
  • Podstawowy JavaScript do obsługi interakcji.
  • Gotowy do integracji z taskrunnerem lub systemem budowania.

EN: Project Description

Taskrunner-Miniproject is a frontend mini-project designed to practice developer workflow using HTML, SASS, JavaScript, and Bootstrap Grid. This project serves as a portfolio exercise, showcasing your ability to work with taskrunners, preprocessors like SASS, and structured frontend file organization.

Project Features:

  • Responsive page using Bootstrap Grid.
  • Styling with SASS.
  • Basic JavaScript for user interaction.
  • Ready to integrate with a taskrunner or build system.

PL: Instalacja i uruchomienie

1️⃣ Klonuj repozytorium:

git clone <repo-url>
cd Taskrunner-Miniproject

2️⃣ Zainstaluj zależności:

npm install

3️⃣ Uruchom projekt:

  • Otwórz index.html w przeglądarce lokalnie.
  • Lub skonfiguruj live-server / vite dla hot-reload.

EN: Installation and running

1️⃣ Clone the repository:

git clone <repo-url>
cd Taskrunner-Miniproject

2️⃣ Install dependencies:

npm install

3️⃣ Run the project:

  • Open index.html in your browser.
  • Or use live-server / vite for hot-reload during development.

Technologie / Technologies

  • HTML5
  • SASS (CSS Preprocessor)
  • JavaScript
  • Bootstrap Grid
  • npm scripts (or compatible taskrunner)

Screenshots

Dodaj screenshoty, np.:

/screenshots/homepage.png
/screenshots/mobile_view.png

PL: Planowane rozszerzenia

  • Integracja z Gulp/Webpack.
  • Minifikacja CSS/JS.
  • Automatyczne kompilowanie SASS.

EN: Planned Improvements

  • Integration with Gulp/Webpack.
  • CSS/JS minification.
  • Automatic SASS compilation.

Licencja / License

Projekt objęty licencją MIT.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors