RSVP Landing Page for Facebook Developer Circles Guadalajara
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


RSVP Landing Page for Facebook Developer Circles Guadalajara


Install Dependencies

npm install

Develop mode

npm run start

Compile CSS (Stylus)

npm run stylus

Config landing page

Edit the defaultProps in App.js

App.defaultProps = {
  landing: {
    circleName: 'Facebook Developer Circles Guadalajara',  // Your DEVC Name
    logo: '', // Your DEVC Logo
    background: '', // Home Background 
    groupUrl: '', // Your Group 
    email: '' // Your Contact
  event: {
    title: 'Title of Event ',
    description: 'Description ',
    whatIs: 'Describe Developer Circles Program',
    venue: {
      name: 'Centraal Guadalajara',
      address: 'Av. Ignacio Luis Vallarta 3300, 44690 Guadalajara, Jal.',
      lat: 20.6751803,
      lng: -103.3927516
    date: '2018-02-28 07:00:00 pm', // Event Date
    endRsvp: '2018-02-28 04:00:00 pm', // Close RSVP 
    buttonText: '¡Participar!', // Action Button Text
    messageRsvp: 'Por el momento no es posible registrar más lugares para el evento, nuestro cupo máximo ha sido alcanzado.', // Close message RSVP
    mailChimpEvent: '//' // URL Mailchimp (embed form)
  agenda: [
    {time: '7:00PM ', activity: 'Register', attend: 'DEVC GDL'},
    {time: '7:30PM', activity: 'Welcome', attend: 'DEVC GDL'},
    {time: '7:40PM', activity: 'first activy', attend: 'Jhon Doe'},
    {time: '8:20PM', activity: 'second activy', attend: 'Oscar Barajas'},
    {time: '9:00PM', activity: 'Networking', attend: 'Community'},
  speakers: [
      name: 'Jhon Doe', 
      photo: '<URL_IMG>',  //
      bio: 'Jhon Deo bio',
      jobTitle: 'FrontEnd Developer',
      conferenceTitle: 'Talk Title',
      description: 'Complete bio or description',
      social: [
        {name: 'twitter', url: ''},
        {name: 'linkedin', url: ''}
      ], // Accept any Social Network in FontAwesome Icons 
      name: 'Oscar Barajas', 
      photo: '<URL_IMG>', 
      bio: 'Oscar Barajas Bio',
      jobTitle: 'Backend Developer',
      conferenceTitle: 'Talk title',
      description: 'Complete bio or description',
      social: [
        {name: 'facebook', url: ''},
        {name: 'twitter', url: ''},
        {name: 'github', url: ''},
        {name: 'linkedin', url: ''}
      ], // Accept any Social Network in FontAwesome Icons 

Config Mailchimp

  1. Create a new list
  2. Add Type Field in "Settings > List Fields"
  3. Create a "Signup Form > Embedded forms"
  4. Copy form action in html embed code:

The url is similar to this:

  1. Add this url in defaultProps > event > mailChimpEvent

Basic SEO

Edit index.html in public/ folder

    <link rel="canonical" href="">
    <meta name="author" content="Oscar Barajas">
    <meta name="description" content="">
    <meta name="keywords" content="Facebook, Comunidad, Guadalajara">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@gndx">
    <meta name="twitter:creator" content="@gndx">
    <meta name="twitter:title" content="Facebook Developer Circles Guadalajara">
    <meta name="twitter:description" content="">
    <meta name="twitter:image" content="">
    <meta property="og:locale" content="en_US">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Facebook Developer Circles Guadalajara">
    <meta property="og:description" content="">
    <meta property="og:url" content="">
    <meta property="og:site_name" content="" />
    <meta property="og:image" content="">
    <meta itemprop="name" content="Facebook Developer Circles Guadalajara" />
    <meta itemprop="description" content="" />
    <meta itemprop="image" content="" />

Build to Production

npm run build

Github Page

See the documentation of this feature in GitHub Pages


If someone wants to add or improve something, I invite you to collaborate directly in this repository.