/ignaito-lab-react

Ignaito Lab Platform

Primary LanguageTypeScriptMIT LicenseMIT

Your next great lesson is under a click.

React TailwindCSS Vercel

Techs and libs used

  • React JS.
  • Vite.
  • GraphCMS.
  • Apollo Client.
  • GraphQL Codegen.
  • Tailwind CSS.
  • Phosphor Icons.

Tools used

  • NeoVim.
  • Visual Studio Code.
  • Yarn.
  • Figma.
  • Smart Mockups.
  • Various browsers.

Setup and run

First clone this repository, then install all dependencies using yarn command under the project folder in a terminal of you choice.
Create an account at GraphCMS and setup content api, permanent access token and add some stuff to you models... A basic model template will be available to clone here .

obs: The access token and content api uri should be pasted in a .env.local file for further usage in the project. An .env.example is provided to help setup.


Once setup is done, you're all set, just run yarn dev to see the project running on the browser.

Features

✅ A user can subscribe to the "event".
✅ All lessons can be listed in the sidebar on the event page.
✅ A lesson can be selected and watched in the event page.
✅ Errors and lessons mismatching are handled with ErrBoundary component.
✅ Loading states are handled by Loader components.

Live: https://tiko-teko-lab.vercel.app .

Made under Rocketseat's event Ignite Lab 2nd ed.
Salomão Vasconcelos, 2022 - MIT