Space-Y

Welcome to space-y. This is a responsive application where you can see the past launches of the space x company Click in the link below and give an eye on the app.

🚀 Deploy

I used vercel to deploy this app

➡️ space-y ⬅️

🚀 Language and tools

🚀 Analysis

Problem: Create a responsive app and show information about space x launches.

Problem Analysis:

• Design an app
• Create graphql queries
• Integrate nextjs, tailwind and apollo client
• Create reusable components as cards, pills and navbar
• Data:
  • Mission name
  • Flickr image
  • Date
  • Wikipedia article
  • Name of the company
  • Summary
  • Social media

🚀 Design and inspiration

I took the inspiration for the design searching in dribbble, pinterest and some galaxy images. You can checkout the creative process in the figma below

▶️ Figma Design ◀️

🚀 Key Features

• Get launches
• Wikipedia Articles
• Social media information
• Graphql integration
• Nextjs integration
• Tailwindcss integration

🚀 How to use

To clone and run this application, you'll need Git and Yarn installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/ithzavg/space-y.git

# Go into the repository
$ cd space-y

# Install dependencies
$ yarn install

# Run the app
$ yarn start

🚀 Credits

Ithzamary Vilchis García - Frontend developer

GraphQL API

https://api.spacex.land/graphql/

🚀 License

MIT