/spacex

Primary LanguageTypeScript


Logo


React JS Typescript JWT GraphQL


🔎 About

This website was developed using React + TypeScript + Auth0 + Apollo GraphQL.

Utilizes the SpaceX API, allowing users to log in and access information about the rockets The core aim of its creation was to practice using Apollo GraphQL to consume the API and implement Auth0 for JWT authentication.

🚀 Ejecution

Steps to install and run the project:

  1. Clone the project

    git clone https://github.com/diaslucia/spacex.git
  2. Open your current directory project

    cd spacex
  3. Install the libraries

    npm install
  4. Create an .env file to enter your AUth0 keys

    VITE_DOMAIN = "";
    VITE_KEY = "";
  5. Ejecute the app

    npm run start

📂 Structure

The file structure is:

  • assets: to store images and local fonts.
  • components-reusable: to store reusable and layout components.
  • hooks: to store apollo hook.
  • utils: to store typescript types and theme from sass.
  • pages: to store pages structure and their components.

(to Top)