Briancon Fantomes is an audio tour site for the old town of Briancon in France. For the styling I used Tailwind, which is helpful for reusing components. The audio files are currently stored on the frontend which I don't believe is a problem since they are small files. I used the MUI library to help with building some of the components such as the navigation bar. I used Framer-motion for the animations. The contact form was built with Formik and Emailjs is used for the emails to be directed to my business email with the clients name, email address, and message. All text within the application is stored within a json file because I used React's createContext to change the language (which is defaulted to French since the tour is in France) and if the user choses English it will be saved within their browser settings. The audio files are also in French and English and swap depending on the delected language
-
To start using this app you first need to clone the repository:
git clone git@github.com:revyrob/brianconFantomes-V2.git
-
Then you will need to install all the required packages for the application. Run this command (if you're using npm):
npm i
-
Run the frontend with the following command in the folder:
npm start