Git Product home page Git Product logo

ignite-lab's Introduction

Ignite Lab

๐Ÿ›  Skills

react graphql apollo client sass 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
  • Docker files (docker-compose.yaml and Dockerfile) to run project inside Docker, but in development mode;
  • Implement Loading screens;
  • Make it responsive;
  • Use React Hook Forms with Yup to improve register form validations;
  • ESLint configuration;
  • Add Husky and Lint Staged to run on each commit;
  • Add Commit Lint to follow the guidelines on commit messages;

๐Ÿ’พ Environment Variables

To run this project, you will need to add the following environment variables to your .env 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

๐ŸŒ  Screenshots

home

Event (No Lesson)

Event (No Lesson)

๐Ÿ”— More About Me

linkedin twitter instragram

ignite-lab's People

Contributors

tutods avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.