Website

   

Website of the Studio Rv & Co association.
rvandco.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 Rv & Co promoting the productions and social networks.

Features

• Video teaser with important numbers
• Our productions
• Other projects with carousel
• Association's presentation with its members and Instagram posts
• Contact
• 100% Responsive design
• Live notification for the Twitch channel
• Translation (EN / FR)

Tech Stack

• VueJS 3
• Sass
• Vue-i18n
• Vue-router
• Vue-observe-visibility
• Fontawesome
• SplideJS
• CountUp

Color Reference

Color	Hex	Description
Text color	#FFFFFFFF	Titles and subtitles
Subtext color	#DFDFDFFF	Texts and description
Button background color	#BE0000FF	Background for buttons
Background color	#393939FF	Global background
Projects background color	#555555FF	Background for other projects
Association background color	#612626FF	Background for association

(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/StudioRvAndCo/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

• Video teaser with numbers
  • Sync with YouTube API for statistics
  • Animate numbers
• Productions
  • New production
  • List of productions
  • Other productions
• Carousel of other projects
• Presentation of the association
  • Presentation of the members
  • Sync with Instagram API for latest posts
• Contact
• Sync with Twitch API for live notification

(back to top)

Feedback

If you have any feedback, please reach out to us at [email protected].

(back to top)

Author

@Minarox

(back to top)