Git Product home page Git Product logo

week-5-alyuza's Introduction

Taekwondo Academy ๐Ÿฅ‹

Project Milestone 1 - Alyuza Satrio Prayogo ๐Ÿ‘ฆ๐Ÿป

screenshoot

Website Overview ๐Ÿ’ป

Official website of the largest Taekwondo Community in Indonesia, has several training centers spread throughout Indonesia. This website is designed to be fully responsive and supports multiple dimensions, including desktop and mobile phones.

STRUCTURE ๐Ÿงฑ

  • Header
    • Navbar
  • Main
    • Home section
    • About section
    • Programs section
    • Instructor section
    • Contact Us section
  • Footer

Deployment โš™๏ธ

The website is hosted by Netlify on alyuza.site

Features ๐Ÿ’ฝ

  • Optimized for Desktop browsing
  • Responsive layout and Compatible with mobile devices
  • We can see Infinite Scroll Image, learn from YouTube

Website Test ๐Ÿ”จ

The website has been tested on the following platforms:

  • Google Chrome (Recommended)
  • Mobile devices (Android and IOS)

Preparations ๐Ÿ“„

//git clone
git clone https://github.com/RevoU-FSSE-2/week-5-alyuza.git
cd week-5-alyuza
git add .
code .

//review status / changes
git status

//commits
git commit -f 'commit message'
git remote set-url origin https://github.com/RevoU-FSSE-2/week-5-alyuza.git

//push to github
git push origin main

Continous Deployment ๐Ÿ“€

Importing existing Github project to Netlify.

  1. Login to netlify, connect git to netlify
  2. Add new site
  3. Pick a repository from github
  4. Site configuration and deploy

Screenshoot

DNS Settings โŒจ๏ธ

  1. Login to Cloudflare, and then adding new site.

Screenshoot


  1. Scroll down, choose free.

Screenshoot


  1. Add Cloudflare's name servers. Copy 2 server names below.

Screenshoot


  1. Login to NiagaHoster and paste name server.

Screenshoot


  1. Back to Cloudflare > Click your site (mine : alyuza.site) > DNS > Records > DNS Management. Then Add record >> CNAME : alyuza.site || Content : taekwondo-academy.netlify.app

Screenshoot


  1. Back to Netlify choose your project and Add a domain (alyuza.site) / (your site).

Screenshoot


  1. Finish.

Screenshoot

Google Lighthouse Score ๐Ÿ“ˆ

lighthouse

week-5-alyuza's People

Contributors

alyuza avatar github-classroom[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.