WebDev

This repository contains various website projects. Below is a list of the projects along with their URLs.

Table of Contents

• Table of Contents
• Features / WebSites
• Requirements
• Usage
• File Structure
• Contributing
• License

Features / WebSites

Snake Game

Snake game, can be played from pc or phone. Writed on js.

• Repo Link: Game/Snake
• URL: Snake Game

TETRIS Game

Tetris game, can be played from pc or phone. Writed on js.

• Repo Link: Game/Tetris
• URL: TETRIS Game

Minesweeper Game

Minesweeper game, can be played from pc or phone. Writed on js.

• Repo Link: Game/Minesweeper
• URL: Minesweeper Game

Sudoku Game

Sudoku game, can be played from pc or phone. Writed on js.

• Repo Link: Game/Sudoku
• URL: Sudoku Game

Portfolio Website

A portfolio showcasing my projects and skills.

• URL: Portfolio Website

ChillZone Website

A website for a relaxation and entertainment zone.

• URL: ChillZone Website

Blockchain Visualisation

A visual representation of blockchain technology.

• URL: Blockchain Visualisation

ATB Market

A website for the best grocery store.

• URL: ATB Market

Coffee Shop Example

A sample website for a coffee shop.

• URL: Coffee Shop Example

Win95

A nostalgic recreation of the Windows 95 interface.

• URL: Win95

My CV

An online resume showcasing my skills and experience.

• URL: My CV

Requirements

This is WebDev repository, so you need a web browser to view the websites. Also, if you want you can use local server to run the websites.

• Web browser
• Localhost server (optional)

Installation

Web Browser

I don’t want to teach you how install a web browser. How you even got here without one?

Ask Google… Oh wait, you don’t have a browser…

Localhost Server

You can use a localhost server to run the websites locally. Here are some options:

• Python:
  • Install Python from the official website.
  • Run the following command in the terminal in the repository directory to start the server:
    • Windows:

        python -m http.server
      

    • macOS/Linux:

        python3 -m http.server
      

  • Open the browser and go to http://localhost:8000/.
  • Navigate to the desired website.

Usage

Clone the Repository

Using Git

1. Install Git
   • If you don’t have Git installed, you can download and install it from the official Git website.
2. Clone the repository:

    git clone https://github.com/DanyilT/WebDev.git
   

3. Navigate to the project folder:

   cd <project-folder>
   

Downloading the ZIP File

1. Download the ZIP file from the GitHub repository and extract it.
2. Navigate to the project folder in the extracted directory.

Running the Project

Using a Localhost Server

• Example for Python 3:
  • Install Python 3 if you haven’t already from the official website.
  • Run localhost server python -m http.server(for Windows) or python3 -m http.server(for macOS/Linux) in the project folder terminal.
  • Open your web browser and go to http://localhost:8000.

Opening the index.html File in a Web Browser

• Double-click the Project’s index.html file to open it in your web browser.

Using GitHub Pages

• Go to the WebDev repo website.

File Structure

The repository is structured as follows:

• ATB-Market/..: ATB Market website project.
  • index.html: Main HTML file for the website.
  • README.md: Documentation for the ATB Market website.
• ChillZone/..: ChillZone website project.
  • index.html: Main HTML file for the website.
  • README.md: Documentation for the ChillZone website.
• CoffeeShop/..: Coffee Shop Example website project.
  • index.html: Main HTML file for the website.
  • README.md: Documentation for the Coffee Shop Example website.
• PersonalPortfolio/..: Portfolio Website project.
  • index.html: Main HTML file for the website.
  • README.md: Documentation for the Portfolio Website.
• Resume/..: My CV website project.
  • index.html: Main HTML file for the website.
  • README.md: Documentation for the My CV website.
• SphereChain/..: Blockchain Visualisation website project.
  • index.html: Main HTML file for the website.
  • README.md: Documentation for the Blockchain Visualisation website.
• win95/..: Win95 website project.
  • index.html: Main HTML file for the website.
  • README.md: Documentation for the Win95 website.
• .gitignore: Git ignore file to exclude certain files and directories from version control.
• LICENSE: License information for the repository.
• README.md: Main documentation file for the repository.

Contributing

1. Fork the repository.
2. Create a new branch:

    git checkout -b feature-branch
   

3. Make your changes and commit them:

    git commit -m "Add some feature"
   

4. Push to the branch:

    git push origin feature-branch
   

5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

This site is open source. Improve this page.