Giter Club home page Giter Club logo

Project name

Verousca WebSite

Table of contents

  • Project name
  • General info
  • Screenshots
  • Technologies
  • Configuration
  • Code examples
  • Features
  • Status
  • Inspiration
  • Contact
  • Instructions for use
  • Code quality checks
  • Continuous integration
  • Repository setup

Name of our project

Verousca WebSite

General info

  1. Home page
  2. Skills page
  3. Cheat Sheet page

Screenshots

Home Page Home Page Home Page Home Page

Technologies

  1. HTML
  2. CSS
  3. Grid
  4. Flexbox
  5. Node 14.16.0
  6. JavaScript
  7. VSC code

Configuration (set up)

Installation

  • npm run start
  • npm run build

A guide to using source repository

  1. git clone [email protected]:HackYourFutureBelgium/template-markdown.git
  2. cd template-markdown
  3. npm install

Code quality checks

  • npm run format: Make sure all the code in this repository is formatted correctly (looks good). (looks good).
  • npm run lint:ls: Checks that all the folder and file names match the conventions of the repository.
  • npm run lint:md: Checks all Markdown files in this repository.
  • npm run lint:css: Will make a copy of all CSS files in this repository.
  • npm run validate:html: Validates all HTML files in your project.
  • npm run spell-check: Goes through all the files in this repository looking for words it doesn't recognize. Just because it says something is an error does not mean it is! It doesn't know every word in the world. You can add new correct words to the ./.cspell.json file so that they do not cause an error. an error.
  • npm run accessibility -- ./path/to/file.html: Runs an accessibility scan on all HTML on all HTML files in the given path and writes the report to the file /accessibility_report file.

Continuous Integration (CI)

When you open a PR to main/master in your repository, GitHub will automatically do a linting check on the code in that repository, you can see this in the this in the file github/workflows/lint.yml.

If the linting fails, you will not be able to merge the PR. You can check that your code will that your code will pass before pushing it by running the code quality scripts locally.

Repo configuration

  • Give each member written access to the repo (if it's a group project).
  • Enable GitHub pages and put a link to your website in the repo description.
  • Activate the GitHub Actions
  • in the Branches section of your repo settings, make sure :
  • The repositoryrequires reviewbefore pull requests can be merged.
  • The master/main branch must "Require status checks to pass before merge"
  • The master/main branch must "Require required branches to be up to date before merging"

Code examples

<!-- NAVBAR -->
          <div class="navbar">
              <div class="container flex">
                  <h1 class="logo">Verousca WebSite</h1>
                      <nav>
                           <ul>
                               <li><a href="index.html">Home</a></li>
                               <li><a href="profile.html">Profile</a></li>
                               <li><a href="useful-links.html">Useful Links</a></li>
                               <li><a href="contact.html">Contact</a></li>
                           </ul>
                      </nav>
              </div>
          </div>

Features

List of ready features and Todos for future development

List of things to do

Status

The project is: in progress

Inspiration

HYF Template for HTML and CSS

Contact

Verousca GitHub Page

Group Members

Name GitHub Links
Verousca Ekema Verousca
Thomas Ayissi thomas-ayissi

How to use

verousca's Projects

home icon home

Home repository for Class19

welcome-to-js icon welcome-to-js

Take your first steps into programming by learning to read, trace, analyze, and write interactive programs in your browser.

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.