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.
Steps to install and run the project:
-
Clone the project
git clone https://github.com/diaslucia/spacex.git
-
Open your current directory project
cd spacex
-
Install the libraries
npm install
-
Create an
.env
file to enter your AUth0 keysVITE_DOMAIN = ""; VITE_KEY = "";
-
Ejecute the app
npm run start
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)