https://github.com/olivpeter/godofwar

Project built from scratch as part of a Front-end event Dev Process by CodeBoost. During the sessions, we dive into creating a God of War Landing Page, step by step, mastering essential web development skills using HTML, SCSS, and JavaScript.
https://github.com/olivpeter/godofwar

html javascript reponsive scss

Last synced: 17 days ago
JSON representation

Project built from scratch as part of a Front-end event Dev Process by CodeBoost. During the sessions, we dive into creating a God of War Landing Page, step by step, mastering essential web development skills using HTML, SCSS, and JavaScript.

• Host: GitHub
• URL: https://github.com/olivpeter/godofwar
• Owner: olivpeter
• Created: 2024-10-09T23:54:48.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-18T15:01:07.000Z (3 months ago)
• Last Synced: 2024-12-16T23:22:39.127Z (17 days ago)
• Topics: html, javascript, reponsive, scss
• Language: SCSS
• Homepage:
• Size: 6.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# God of War Ragnarök | Landing Page

![banner](./github/share-og.jpg)

This repository contains the project built from scratch as part of a Front-end event Dev Process by [CodeBoost](https://www.youtube.com/@codeboostDev). During the sessions, we dive into creating a God of War Landing Page, step by step, mastering essential web development skills using HTML, SCSS, and JavaScript.

🔥 Layout is avaliable on [Figma Community](https://www.figma.com/file/BPHOdrrzDnuvKPurADmIsW/Codeboost---God-of-War-Ragnarok?node-id=0:1&t=x0igKrsERNUB2qFL-1)

![Static Badge](https://img.shields.io/badge/PRs-Welcome-green?style=for-the-badge)

![Static Badge](https://img.shields.io/badge/State-WIP-orange?style=for-the-badge)

![Static Badge](https://img.shields.io/badge/License-MIT-dark_green?style=for-the-badge&link=.%2FLICENSE)

## 🔨 Techs

![Static Badge](https://img.shields.io/badge/HTML-grey?style=for-the-badge&logo=HTML5)

![Static Badge](https://img.shields.io/badge/SCSS-grey?style=for-the-badge&logo=SASS)

![Static Badge](https://img.shields.io/badge/Javascript-grey?style=for-the-badge&logo=javascript)

## ⚙️ Getting Started

-   First, clone this repository:

```bash

git clone https://github.com/olivpeter/godOfWar.git

cd godOfWar

```

-   Install dependencies:

```bash

npm install

```

-   Open with your IDE and run the project:

```bash

code .

npm run dev

```

You can start editing the page by modifying `index.html`. The page auto-updates as you edit the file. You can find style sheets files in `/scss` and its contents in `/scss/partials`.

## 🫡 How to contribute

-   Fork the repository

-   Certify that you have the lastest version of the project

```bash

git pull

```

-   Create a new branch w/ this pattern: `feature/new-feature`

```bash

git checkout -b feature/new-feature

```

-   Commit your changes w/ conventional commit messages

-   Create a Pull Request

-   Wait review and merge to delete your old branch

```bash

git branch -D feature/new-feature

```