Beantown Baby Diaper Bank

Open in GitHub

Welcome devs to the Beantown Baby Diaper Bank! This project is a JumboCode project to add new functionality to beantownbabydiaperbank.org. Built with Mantine and Tailwind, this page is here to help you get started, find resources, and contribute. We're excited to have you on the team!

Quick start

  • If you don't have Node.js installed, download it from nodejs.org.

  • git clone https://github.com/JumboCode/beantown-baby-diaper-bank.git — clones the project repository to your computer
  • cd beantown-baby-diaper-bank — changes into the project directory
  • npm install — installs all project dependencies
  • npm run dev — starts the development server so you can view the app locally

Next steps

Run the following commands in your terminal:npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses Next.js for routing, server-side rendering, and more. Learn more in the Next.js documentation.

Sprint 3 (Creative Hot Map) Tickets

Click here for Sprint 3 Tickets

🧭

Project structure

src/app — routes & layouts

src/components — shared UI components

public/ — assets

⚙️

Developer notes

  • Mantine is a modern React component library used for building UI. Mantine documentation
  • Tailwind CSS is a utility-first CSS framework for rapidly building custom designs. Tailwind documentation
  • Use Mantine for most UI components and Tailwind for utility classes (spacing, colors, etc).
  • For more info, see the project README.
🙋

Get help

If you encounter any further setup issues, be sure to reach out to Cooper or Dilanur. We encourage you to try to work the onboarding ticket yourself using the documentation we provided for Mantine and Tailwind, but if you are stuck reach out to Cooper or Dilanur.