mars-2026 / mars26_com

Open-source, high-resolution Mars explorer built using ArcGIS and React.
https://mars26.com
34 stars 3 forks source link
arcgis-js-api react tailwindcss typescript

mars26.com šŸš€

Open-source, high-resolution Mars explorer built using ArcGIS.

Visit mars26.com to see the app in production, deployed via netlify.

Local setup

To set up the app locally make sure to have the following:

Then run:

git clone git@github.com:mars-2026/mars26_com.git
cd mars26_com
npm i
cd functions
npm i

We also need to set the environmental variables for the backend. Inside the ./functions directory run:

cp .env.example .env

Set the variables in your copied local .env file and edit the variables accordingly:

FRONTEND_URL=http://localhost:3000
PORT=8080
TWITTER_CONSUMER_KEY=<YOUR_TWITTER_CONSUMER_KEY>
TWITTER_CONSUMER_SECRET=<YOUR_TWITTER_CONSUMER_SECRET>
MONGODB_URI=<YOUR_MONGODB_URI>

Run the backend:

# Inside ./functions folder
npm run start

In another terminal run the frontend:

# Inside the root folder of the repository
npm run start

Done! Your local frontend should run on localhost:3000 and the backend on localhost:8080.