Skip to content

Latest commit

 

History

140 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AstronoME

Description

AstronoMe is your gateway to the wonders of the universe. Whether you're a seasoned stargazer or just starting your cosmic journey, our website is designed to inform, educate, and inspire your curiosity about the cosmos! Sign in to join the stargazing community and share your adventure onto our community!

Table of Contents

Installation

This app is deployed on Heroku: Click Here

If you want to deploy this app locally you'll need to do the following:

  • Clone the repository to your local machine
  • Navigate to the project repository
  • Type npm install in the terminal to install dependencies
  • Type npm run develop in the terminal
  • Navigate to http://localhost:3001/ in your browser to get started

Usage

This app allows users to create an account and view their local weather to determine if it's a good night for stargazing, as well as create forum posts, upload images, and comment on other users posts.

A user can create a new account by clicking the astronaut button at the top right of the viewport. If they already have an account they can instead click 'Login' to do so.

Login/Signup Demonstration


Once logged in a user can view current weather conditions, incoming near-earth objects, and a daily image from NASA by viewing the homepage.

Homepage Demonstration


Users can view other users posts in the community page if logged in, as well as comment on those posts.

Community Forum Demonstration


Users can add a new post by clicking the 'Add a Post!' button at the top of the Community page. They can then enter a body for the post and optionally upload an image using the 'Upload Image' button, then selecting the desired image using the Cloudinary Widget UI.

Create a New Post Demonstration

Technologies Used

vitejs/plugin-react - Enable Fast Refresh in Development.

apollo/server - Stand-alone GraphQL server.

apollo/client - GraphQL client with integrations for React.

autoprefixer - PostCSS plugin to parse CSS.

bcrypt - Library to help hash passwords.

eslint - Tool for identifying issues in code.

express - Node.js framework.

graphql - JavaScript reference implementation for GraphQL.

graphql-tag - Enables template literal tag for GraphQL query strings.

jsonwebtoken - Used to securely transfer information.

jwt-decode - Library to help decode JWTs.

mongoose - MongoDB ODM.

lunarphase-js - Calculate phase of the moon using Julian Date.

postcss - Tool for transforming styles with JS plugins.

prop-types - Runtime type checking for React props.

react - JavaScript library for creating user interfaces

react-dom - Entry point to the DOM for React.

react-router-dom - Bindings for using React Router.

tailwindcss - CSS framework.

vite - Local development server for React templates.

APIs Used

Credits

Justin Dong - dong135790

Zach Gibbs - Zgibbs58

Christian Gonzales - cdgonzo23

Chesney Julian - ChesneyJulian

Taylor Willis - t-willis

About

React Application built for stargazers. Provides information about current moon phase, weather, and incoming asteroids. and it contains a fully functional forum for stargazers to connect and share what they see. Uses MongoDB and Mongoose for the database, GraphQL, and Node.js and Express.js for the server

Topics

Resources

Stars

4 stars

Watchers

2 watching

Forks

Releases

Packages

Used by

Contributors

Languages