# Console Art Cybernetic
![Front-end Development](https://img.shields.io/badge/frontend%20development-%23404d59.svg?style=for-the-badge)
![Web Development](https://img.shields.io/badge/web%20development-%232671E5.svg?style=for-the-badge)
![Web Application](https://img.shields.io/badge/web%20application-6DA55F?style=for-the-badge)
![User Interface](https://img.shields.io/badge/user%20interface-%23323330.svg?style=for-the-badge)
![CA Cybernetic](https://img.shields.io/badge/ca%20cybernetic-%23181717.svg?style=for-the-badge)

The home page has been made to present all services
offered by Console Art Cybernetic organization,
theirs resources and pricing. It's a front-end
project only. No any back-end API is called.

## Table of contents
1. [Access links](#links)
2. [Final result](#result)
3. [Project installation](#install)
    1. [Nodejs installation](#node-install)
    2. [Sources code cloning](#cloning)
    3. [Dependencies installation](#dev-install)
    4. [Project execution](#running)

## Access link <a id = "links"></a>
The official website of Console Art Cybernetic
can be accessible via the link below :<br/>
- https://cacybernetic.github.io

## Final result <a id = "result"></a>
This is the final result of the project :<br/><br/>
![First render](./public/assets/render/render_1.png)
![Second render](./public/assets/render/render_2.png)
![Third render](./public/assets/render/render_3.png)
![Fourth render](./public/assets/render/render_4.png)

## Project installation <a id = "install"></a>
⚠️ This project uses <i><a href = "https://vitejs.dev/guide/">
Vite</a></i> bundle as javascript server.
Before run the project, you must install
<i><a href = "https://vitejs.dev/guide/">
Vite</a></i> and <i><a href = "https://nodejs.org/en">
NodeJS</a></i>.

### Nodejs installation <a id = "node-install"></a>
```sh
cd ~;\
sudo apt install curl;\
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash;\
source ~/.bashrc;\
nvm --version;\
nvm install --lts;\
node --version;\
npm install yarn --global;\
yarn --version
```

### Sources code cloning <a id = "cloning"></a>
```sh
git clone git@github.com:cacybernetic/cacybernetic.github.io.git ca_cybernetic/
```

### Dependencies installation <a id = "dev-install"></a>
Go to the root folder of the project sources
and run :
```sh
yarn install
```

📔<ins>Note</ins> : <i><a href = "https://vitejs.dev/guide/">
Vite</a></i> will be installed automatically
after running the command line above.

### Project execution <a id = "running"></a>
Go to the root folder of the project and run :
```sh
yarn run dev

```
Then, open your favorite browser and tap on
the search bar, the following link below :
```sh
http://localhost:5100/
```

Enjoy :)
