Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jacobgrisham/gatsby.js-and-styled-components

Front-end multi-page static website built with Gatsby.js, React.js, Styled Components (for CSS-in-JS) and fine-tuned with Gatsby-specific SEO optimizations and Progressive Web App (PWA) capability. Site hosted on Netlify.
https://github.com/jacobgrisham/gatsby.js-and-styled-components

css-in-js front-end-web-development gatsby gatsby-plugin gatsby-portal gatsbyjs graphql jamstack netlify progressive-web-app pwa react reactjs scalable-vector-graphics seo-optimization star-wars styled-components ui-design ux-design

Last synced: about 1 month ago
JSON representation

Front-end multi-page static website built with Gatsby.js, React.js, Styled Components (for CSS-in-JS) and fine-tuned with Gatsby-specific SEO optimizations and Progressive Web App (PWA) capability. Site hosted on Netlify.

Awesome Lists containing this project

README 

        


  Star Wars 3D Models and Blueprints logo

  

  # [Star Wars 3D Models & Blueprints: Front End Web App using Gatsby.js and Styled Components](https://starwars-spaceships.netlify.app/)

  ![Website](https://img.shields.io/website?down_color=red&down_message=offline&up_color=brightgreen&up_message=online&url=https%3A%2F%2Fstarwars-spaceships.netlify.app%2F)

  [![Netlify Status](https://api.netlify.com/api/v1/badges/38f18c28-cd52-40e3-97d5-7043dd2a2ec2/deploy-status)](https://app.netlify.com/sites/starwars-spaceships/deploys)

  ![Security Headers](https://img.shields.io/security-headers?url=https%3A%2F%2Fstarwars-spaceships.netlify.app%2F)

  [![Codacy Badge](https://app.codacy.com/project/badge/Grade/351fc2b221cd446c8659065715d758ac)](https://www.codacy.com/gh/JacobGrisham/Gatsby.js-and-Styled-Components/dashboard?utm_source=github.com&utm_medium=referral&utm_content=JacobGrisham/Gatsby.js-and-Styled-Components&utm_campaign=Badge_Grade)

  ![Libraries.io dependency status for GitHub repo](https://img.shields.io/librariesio/github/jacobgrisham/Gatsby.js-and-Styled-Components)




## 🚀 Getting Started

To run this project locally:

- In your terminal, navigate to the root project directory and run the following commands

- To install the dependencies

```

npm install

```

- To start the website

```

npm run dev

```



## 📣 Attribution

- Star Wars created by Lucasfilm Ltd.

- Starship information from [Star Wars API](https://swapi.dev/)

- Aurebesh Font from [Online Web Fonts](https://www.onlinewebfonts.com/download/ad4908c2b00349b5ccefeb6be87ce49c)

- Sound Effects from [Find Sounds](https://www.findsounds.com/ISAPI/search.dll?start=21&keywords=Star%20Wars&seed=40)

- Starship 3D Models created by YamahaDrummer2017 from [SketchFab](https://sketchfab.com/yamahadrummer2017)

- Favicon Death Star created by Henning Gross from [the Noun Project](https://thenounproject.com/search/?q=death+star&i=1007126)

- 404 R2D2 created by Simon Child from [the Noun Project](https://thenounproject.com/search/?q=droid+star+wars&i=367715)

- Tie Fighter created by Linker from [the Noun Project](https://thenounproject.com/search/?q=tie+fighter&i=2202280)

- Star Destroyer ceated by Henning Gross from [the Noun Project](https://thenounproject.com/search/?q=star+destroyer&i=994294)

- Navigation Death Star created by Ben David from [the Noun Project](https://thenounproject.com/search/?q=death+star&i=1571954)

- Volume Button created by Agarunov Oktay-Abraham from [the Noun Project](https://thenounproject.com/search/?q=volume&i=576880)

- Star Wars Hyperspace Copyright (c) 2021 by [yonatan](https://codepen.io/ybensira/pen/byYNBZ)

- Remaining Star Wars Icons and Logos from Various Sources



## 🔒 License

Copyright Notice and Statement: currently not offering any license. Permission only to view and download.