Website

     

Website of the Alpes Esport association.
alpes-esport.fr »

Table of Contents

1. About The Project
   • Features
   • Tech Stack
   • Color Reference
2. Getting Started
   • Prerequisites
   • Run Locally
   • Deployment
3. Roadmap
4. Feedback
5. Author

About The Project

Website of the association Alpes Esport presenting the organization as a whole and gathering all the past and future events organized by it.

Features

• Home page
• Timeline
• Carousel and galleries
• Rankings
• Presentation of the association
• Presentation of future and past events
• Twitch stream status

Tech Stack

• VueJS 3
• Sass
• Vue-i18n
• Vue-router
• Vue-my-photos
• Vue-observe-visibility
• Disable-scroll
• Fontawesome
• SplideJS
• CountUp
• Timeline

Color Reference

Color	Hex	Description
Text color	#FFFFFFFF	Titles and subtitles
Subtext Color	#E6E6E6FF	Texts and description
Footer text Color	#B9B9B9FF	Footer texts
Green Color	#23D940FF	Texts, decorations, etc.
Green Color (for button)	#1DB036FF	Background for buttons
Background Color	#262626FF	Global background

(back to top)

Getting Started

Prerequisites

• Install NodeJS with npm

  curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
  sudo apt-get install -y nodejs

Run locally

1. Clone the project

  git clone https://github.com/Alpes-Esport/Website
  cd website

2. Install dependencies

  npm install

3. Start the server

  npm run serve

The server should start on localhost:8080.

Deployment

To deploy this project run

  npm run build

A new dist folder will appear containing the entire compiled website.

(back to top)

Roadmap

• Home page
• Carousel
• Timeline
• Ranking
• Gallery
• Twitch API integration
• Google Drive integration

(back to top)

Feedback

If you have any feedback, please reach out to us at alpes.esport@gmail.com.

(back to top)

Author

@Minarox

(back to top)