paulgaumer / fds2020-web

Fete de la Science Pays de la Loire

Front-end for the event "Fete de la Science" happening yearly in the French region "Pays de la Loire.

View Website · Report Bug ·

Table of Contents

• About the Project
  • Built With
• Getting Started
  • Installation
• Contact

About The Project

Front-end for the event "Fete de la Science" happening yearly in the French region "Pays de la Loire".

The back-end is a Sanity CMS project:

• Sanity Dashboard
• Repo

Built With

• Gatsby.js - front-end
• Sanity - back-end (repo)
• Netlify - hosting
• Tailwind CSS
• Styled Components
• Framer Motion

Getting Started

If you'd like to contribute or just run the website to understand its code:

Installation

1. Clone the repo

git clone [email protected]:paulgaumer/FDS2020-Web.git

2. Install NPM packages

yarn install

3. Start your local Gatsby server

gatsby develop

4. Using Netlify Functions

This site uses Netlify functions to import Instagram pictures and display a popup quiz.

# after installing the netlify-cli
netlify dev

Environment variables

The following credentials are needed:

• GATSBY_MAPBOX_API_KEY from Mapbox
• GATSBY_SANITY_TOKEN from Sanity
• GATSBY_INSTA_USER_ID from Facebook Developer
• GATSBY_INSTA_ACCESS_TOKEN from Facebook Developer
• GATSBY_AIRTABLE_API_KEY from Airtable
• GATSBY_AIRTABLE_BASE_ID from Airtable
• GATSBY_GOOGLE_ANALYTICS_ID from Google Analytics

Contact

Paul Gaumer - @PaulGaumer - [email protected]

Project Link: https://github.com/paulgaumer/FDS2020-Web