LANDING EVENT

Landing page for any event
View DEMO »

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
   • Run with Docker
3. License
4. Contact
5. Acknowledgements

About the Project

Landing event is a landing page which can be used for any conference, event, webinar, seminar or webinar.

Sections:

• Hero
• About
• Extra Info
• Schedule
• Memory
• Speakers (with profile)
• Tickets
• Location (with Google map)
• Newsletter
• Sponsors
• Hurry
• Footer

Built With

• ReactJS
• TypeScript
• Styled Components

Getting Started

Installation

1. You will need a Maps JavaScript API KEY from Google, here is a tutorial that maybe help you out. Spoiler alert! you will need a credit card but is still "free".
2. Clone the repo

   git clone https://github.com/matias-rivera/landing-event.git

3. Install NPM packages

   npm install

4. Enter your API and the coordinates in .env.example, after that change the name to .env

   REACT_APP_MAP_LAT= 'LATITUDE'
   REACT_APP_MAP_LNG= 'LONGITUDE'
   REACT_APP_MAP_API= 'API KEY'

5. RUN

   npm start

Run with Docker

1. Install Docker. More information here.
2. Clone the repo

   git clone https://github.com/matias-rivera/landing-event.git

3. Run Docker compose

   docker-compose up --build

4. It should start at "localhost:3000".

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Matías Rivera - [email protected]

Project Link: https://github.com/matias-rivera/landing-event

Acknowledgements

• google-map-react
• react-icons
• react-scroll
• font awesome
• create-react-app