screenshot of Atlas


UGRC's template for esri JavaScript mapping applications.


The atlasUGRC Web Mapping Application Template is a template for creating web mapping applications. It provides a set of pre-built features and functionality that can be customized to create unique and interactive mapping applications.


  • Pull Request Events: Receive notifications for pull request events, allowing for easier collaboration and tracking of changes.
  • Push Events: Get updates on push events, giving visibility into commits and changes made to the codebase.
  • Easy to Use: Simply use the template to create a new repository or clone and install dependencies to start developing and testing your web mapping application.


To install and use the atlasUGRC Web Mapping Application Template, follow these steps:

  1. Click the "Use this template" button to create a new repository from the template. Alternatively, you can clone the repository and install the necessary dependencies.
  2. Duplicate the .env file and rename it as .env.local. Update the properties in the .env.local file with your own data.
  3. Download all the dependencies required for the template.
  4. Develop and test your application by executing npm start to start a web server and view the website. You can open src/App.jsx to see the development version of the app.
  5. Optional: Run unit tests with npm test, functional tests with npm run cypress:run, format the code with npm run format, and lint the code with npm run lint.
  6. Once you are satisfied with your application, execute npm run build to create an optimized production build. The files will be placed in the /dist folder.
  7. You can preview your website by running npm run preview.
  8. For deployment, update the analytics code in index.html (a one-time task).
  9. The website can be tested and deployed with GitHub Actions. Check out the Contributing Guide for more information.


The atlasUGRC Web Mapping Application Template provides an easy and customizable way to develop web mapping applications. With features like pull request event notifications and push event updates, developers can collaborate efficiently and track changes made to their applications. The installation and development process is streamlined, making it accessible for users of all levels.


React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components


Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects


Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.


Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.

Fullstack Boilerplates

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.