ritesh-7299 / my-space

MERN Application with Google oauth2 authentication - Provides secure authentication with passport - User can login and fetch the data from NASA apis.

MY SPACE 🚀

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Contact

About The Project

This application offers a seamless and secure authentication process for users through the Google OAuth protocol. This protocol is widely used by various applications and websites, and it provides an easy and secure way for users to sign in without having to create a new account or remember a separate password.

By integrating the NASA image of the day into this application, I provide users with a daily dose of fascinating and inspiring space imagery. The NASA image of the day is curated by NASA's Earth Observatory team and showcases stunning photographs and visualizations of Earth, the solar system, and the universe. This application makes it easy for users to stay up-to-date with the latest NASA imagery and to explore the wonders of space.

(back to top)

Built With

• Front-end: React, HTML, Redux-toolkit, Tailwind css
• Back-end: Nodejs, Express
• Database: Mongodb
• Others: Passport authentication

(back to top)

Getting Started

This is a MERN stack project so you will have to run client and server both separately. Frontend side is stored in a client folder and backend side is stored in a server folder.

Prerequisites

• Node js - you can download and install it from here
• Google Oauth credentials (client id, secret key) - for reference How to get google credentials?
• NASA API key - NASA api you can also checkout more informative apis by NASA and implement accordingly.

Installation

Below are the steps to install MY SPACE locally.

1. Get a free NASA API Key from NASA api
2. Get google oauth credentials here Now you are good to go with the application
3. Clone the repo

   git clone https://github.com/ritesh-7299/my-space.git

4. Install NPM packages to both Client side and Server side

   cd ./client/
   npm install
   
   cd ./server/
   npm install

5. Go to client folder make .env file and copy all the content of .envExample and add the value for all the .env variables
6. Similarly go to server foler make .env copy all the content of .envExample and add the value for all the .env variables
7. Now all is set, follow below commands to run application
8. Start server

   cd ./server/
   npm run dev

9. Start client

   cd ./client/
   npm start

Your project is running and you should see below screen..

(back to top)

Contact

Ritesh Macwan -

• TWITTER - https://twitter.com/ritesh_macwan7
• EMAIL - [e-mail]
• GITHUB - https://github.com/ritesh-7299

Project Link: https://github.com/ritesh-7299/my-space

(back to top)