Skip to content

map-of-pi/map-of-pi-frontend-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

31f5f91 Β· Apr 9, 2025
Mar 13, 2025
Jun 21, 2024
Feb 26, 2025
Feb 24, 2025
Apr 9, 2025
Dec 10, 2024
Apr 9, 2025
Oct 28, 2024
Jun 12, 2024
Aug 24, 2024
Apr 24, 2024
Apr 24, 2024
Apr 21, 2024
Oct 8, 2024
Apr 21, 2024
Aug 27, 2024
Feb 24, 2025
Mar 13, 2025
Nov 29, 2024
Apr 20, 2024
Nov 1, 2024
Sep 22, 2024
Apr 24, 2024

Repository files navigation

Map of Pi

Hackathon Status Netlify Status License

Map of Pi is a mobile application developed to help Pi community members easily locate local businesses that accept Pi as payment. This project was initiated as part of the Pi Commerce Hackathon with the goal of facilitating Pi transactions and connecting businesses with the Pi community.

Table of Contents

Brand Design

App Logo App Icon
map-of-pi-logo-revised-3 map-of-pi-app-icon-transparent

Tech Stack πŸ“Š

  • Frontend: NextJS/ React, TypeScript, HTML, SCSS, CSS
  • Backend: Express/ NodeJS, REST API
  • Database: MongoDB
  • DevOps: GitHub Actions, Netlify, Vercel

Frontend Local Execution

The Map of Pi Front End is a Next.js project bootstrapped with create-next-app which is a React framework to build web applications.

Build the Project

  • Run npm run build to build the project; builds the app for production to the .next folder.
    • The build artifacts are bundled for production mode and optimized for the best performance.

Execute the Development Server

  • Create .env.local file from the .env.development template and replace placeholders with actual values.
  • Execute npm run dev to spin up a dev server.
  • Navigate to http://localhost:4200/ in your browser.
  • Execute Backend Local Execution for integration testing.
    • The application will automatically reload if you change any of the source files.
    • For local debugging in VS Code, attach the runtime server accordingly.
    • Lint errors will be displayed in the console.

Execute Unit Tests

  • Run npm run test to launch the Jest Testing Framework in the interactive watch mode.

Linting the Project

  • Run npm run lint for static code analysis.

Team πŸ§‘πŸ‘©β€πŸ¦±πŸ§”πŸ‘¨πŸΎβ€πŸ¦±πŸ‘¨πŸΎ

Project Manager

  • Philip Jennings

Marketing

  • Bonnie Ford
  • Joseph Ciccone

Solution Design / UX

  • Femma Ashraf
  • Oluwabukola Adesina
  • Folorunsho Omotunde
  • Henry Fasakin

Technical Lead/ DevOps

  • Danny Lee

Technical Advisor

  • Zoltan Magyar

Application Developers

  • Darin Hajou
  • Rokundo Soleil
  • Ayomikun Omotosho
  • Yusuf Adisa
  • Francis Mwaura
  • Samuel Oluyomi

Contributions

We welcome contributions from the community to improve the Map of Pi project.