GOECHA / angular-distance

M3 Showcase

Home Page:goecha-angular-distance.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular Distance

Deployed here.

Table of Contents

General Information

Angular distance \theta is the angle between the two sightlines, or between two point objects as viewed from an observer. Angular distance appears in mathematics and all natural sciences.

Making space travel accessible to all life forms in the Solar System. Where luxury space travel will make 100 years feel like a quick
Earth trip around the sun.

Contributors

Technologies Used

React React Router cypress JavaScript CSS Vercel

  • axios
  • React
  • ReactRouter V5
  • Swiper Carousel
  • Cypress

This project was bootstrapped with Create React App.

Features

  • Multi- page view with Swiper Carousel
  • Button Navigation to Reservation Page
  • Reserve a flight to a planet or one of it's moons!
  • Delete Reservations
  • Navigation Back to home screen

Screenshots

new_recording_-_9_26_2022._8_43_19_am.720p.mp4
new_recording_-_9_26_2022._9_09_45_am.Original.1.mp4

New UI Design Update

Screen Shot 2022-09-26 at 8 48 05 AM
  • Updated Landing Page Hero
  • Removed planet buttons from the Reservations page and integrated the Chakra UI Library with a modal to diplay planets
  • Designed Landing page #3 with Adobe Firefly ai image generator

Screen Shot 2022-09-26 at 8 46 24 AM

Screen Shot 2022-09-26 at 8 47 58 AM

Screen Shot 2022-09-26 at 8 48 05 AM

Screen Shot 2022-09-26 at 8 48 13 AM

Screen Shot 2022-09-26 at 8 48 29 AM

Screen Shot 2022-09-26 at 8 48 51 AM

Setup

In the project directory, you can run: npm i

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Usage

How does one go about using it? Provide various use cases and code examples here.

write-your-code-here

Project Status

Project is: in progress

Room for Improvement

Room for improvement:

  • More Testing
  • Logo

To do:

  • Search for a planet or a moon
  • Departure location
  • Round Trip booking
  • Add a planet checklist to all planets visited
  • Upload photos of planets visited
  • Create a round trip function
  • Show prices

Acknowledgements

Give credit here.

  • This project was inspired by...
  • This project was based on this website.
  • This project was based on this website
  • Many thanks to...

About

M3 Showcase

goecha-angular-distance.vercel.app


Languages

Language:JavaScript 51.9%Language:CSS 45.9%Language:HTML 2.2%