ruaraikirk / wookieleaks

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Wookieleaks

Wookieleaks is a small web app built with Vite and React using SWAPI via its GraphQL Wrapper.

Live Demo

Hosted on Netlify

Tools

  • Built using Vite & React
  • Tailwind CSS & daisyUI
  • GraphQL & Apollo
  • react-infinite-scroller

Features

  • Infinite scrolling of star wars characters
  • Open modal to view more detailed information

Local Development

  1. Clone the repo.

    git clone git@github.com:ruaraikirk/wookieleaks.git
  2. Install the packages by running npm install.

  3. (Optional) Follow the instructions here to set up the SWAPI GraphQL Wrapper locally.

  4. In the file src/main.jsx, change the Apollo Client uri parameter to the GraphiQL instance running locally at localhost (the actual port number will be printed to the console), or leave as the default if skipped step 3.

  5. Start the application locally in dev mode.

    npm run dev
  6. Verify by opening the following URL in broswer.

    http://127.0.0.1:5173/

Tests

Some example testing of UI cna be run using the following command.

npm run test

About


Languages

Language:JavaScript 94.2%Language:HTML 5.4%Language:CSS 0.4%