Skip to content

README.md

Latest commit

 

History

History
116 lines (73 loc) · 2.31 KB

README.md

File metadata and controls

116 lines (73 loc) · 2.31 KB

JavaScript Blog (Third Attempt)

PL: Opis projektu

javascript-blog-third-attempt to prosty blog stworzony przy użyciu HTML, CSS/SASS oraz JavaScript w celu ćwiczenia organizacji workflow frontendowego i rozwoju umiejętności projektowych do portfolio. Projekt umożliwia wyświetlanie wpisów blogowych i stanowi bazę do dalszej rozbudowy (np. API, backend, komentarze).

Funkcje projektu:

  • Struktura bloga z możliwością prezentacji wpisów.
  • Responsywny layout.
  • Stylowanie z wykorzystaniem SASS.
  • Przygotowanie pod integrację z API / backendem.

EN: Project Description

javascript-blog-third-attempt is a simple blog project built with HTML, CSS/SASS, and JavaScript for practicing frontend workflow and strengthening project structure for your portfolio. The project allows displaying blog posts and can serve as a base for future extensions (API, backend, comments).

Project Features:

  • Blog structure to present posts.
  • Responsive layout.
  • Styling with SASS.
  • Ready for API / backend integration.

PL: Instalacja i uruchomienie

1️⃣ Klonuj repozytorium:

git clone <repo-url>
cd javascript-blog-third-attempt

2️⃣ Zainstaluj zależności:

npm install

3️⃣ Uruchom projekt:

  • Otwórz index.html w przeglądarce.
  • Lub uruchom live-server / vite dla podglądu z hot-reload.

EN: Installation and running

1️⃣ Clone the repository:

git clone <repo-url>
cd javascript-blog-third-attempt

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
  • JavaScript (Vanilla)
  • npm scripts / taskrunner

Screenshots

Dodaj screenshoty, np.:

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

PL: Planowane rozszerzenia

  • Dodanie backendu (np. Node/Express, Python Flask) dla wpisów.
  • Dodanie komentarzy.
  • Integracja z REST API.
  • Paginacja i kategorie.

EN: Planned Improvements

  • Add backend (Node/Express, Python Flask) for post management.
  • Add comments.
  • REST API integration.
  • Pagination and categories.

Licencja / License

Projekt objęty licencją MIT.