๐Ÿ›  Skills

react graphql apollo client tailwind css vite

๐Ÿ“„ Roadmap

  • Use Sass ( .scss) and use the @applyfrom Tawildin CSS to avoid longer classNames on JSX;
  • Use same layout as home page (without form) to shwo on route ยด/event` when user don't select any lesson;
  • Protect coming soon lessons;
    • If user try access the /event/lesson/:slug route manually, is redirected to previous route;
    • The lesson card renders a div instead a Link for coming soon lessons.
  • Storage event details on GraphCMS

๐Ÿ’พ Environment Variables

To run this project, you will need to add the following environment variables to your .env.local file:

  • VITE_APP_API_URL: GraphCMS API Link (used on Apollo Client)
  • VITE_APP_API_TOKEN: GraphCMS Token (used on Apollo Client to)

๐ŸŒ Live Version

vercel

Installation

git clone gh repo clone rodrigoadachi/event-platform
cd event-platform
npm i
node run dev

For local environment

touch .env.local
VITE_API_URL="https://api-eu-west-2.graphcms.com/v2/your-tocken/master"
VITE_API_ACCESS_TOKEN="your-tocken"

๐ŸŒ  Screenshots

Screenshot Subscriber Screenshot Event

License

MIT

๐Ÿ”— More About Me

linkedin twitter