https://github.com/iwatanikenji/event-platform

GraphCMS integrated application developed to organize classes and livestreams based on a launch date
https://github.com/iwatanikenji/event-platform

apollo graphcms graphql phosphoricons postcss router-dom tailwindcss

Last synced: 10 days ago
JSON representation

GraphCMS integrated application developed to organize classes and livestreams based on a launch date

• Host: GitHub
• URL: https://github.com/iwatanikenji/event-platform
• Owner: iwataniKenji
• Created: 2022-07-21T02:24:15.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-28T14:48:40.000Z (over 2 years ago)
• Last Synced: 2024-07-30T19:58:12.269Z (4 months ago)
• Topics: apollo, graphcms, graphql, phosphoricons, postcss, router-dom, tailwindcss
• Language: TypeScript
• Homepage: https://kenji-event-platform.vercel.app/
• Size: 16.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

    

Summary




    📙 About

    🖼️ Preview

    📖 How to Start

    💡 Features

    💻 Technologies





   ✔️ Event Platform finished ✔️



📙 About


Using the latest technologies, this event platform is an single page application developed for content creators to organize classes and livestreams based on a determined date and time to be available for the user. Also, this system has GraphCMS integration that allows easier way to input data to the components.

Originally created on Ignite Lab #2 from Rocketseat and made by Kenji Iwatani



    
Check website →


---

🖼️ Preview


    

---

📖 How to Start


Starting this repository:


```bash

# Clone this repository

$ git clone https://github.com/iwataniKenji/event-platform

# Access the project directory

$ cd event-platform

# Rename the config file and set your environment variables accordingly

$ ren ".env.example" ".env.local"

# Install dependencies

$ yarn

# Initialize and open local host

$ yarn start

```

---

💡 Features


- [x] Clean application architecture construction

- [x] Headless CMS usage to get data

- [x] Array loop using props to get data through Apollo

- [x] Video frame implemented with vime

- [x] Routing system

- [x] Data fetching through queries and mutations

- [x] Active state styling on some components

- [x] Login form input implemented from scratch

- [x] GraphQL code generator usage for automate queries and mutations creation

---

💻 Technologies


- [x] React

- [x] Typescript

- [x] Tailwind

- [x] PostCSS

- [x] Phosphor Icons

- [x] GraphQL

- [x] GraphCMS

- [x] GraphQL Code Generator

- [x] Apollo

- [x] React Router Dom