Template Series - Volunteer Today #4

This is a template for organizations modeled after a made-up volunteering nonprofit called “Volunteer Today.” It is entirely free to use and customize. Created by FOYM, a project by Ruslan Mukhamedvaleev, under the MIT license.

This is the fourth fully open-source template we have created. This is a template for organizations modeled after a made-up volunteering nonprofit called “Volunteer Today.” It features a bento hero section, a double stacked informational section, and a call-to-action card. - Ruslan

Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

• Node.js
• npm
• An IDE

Installation

Clone the repository

git clone https://github.com/digitalRM/FOYM-Volunteer-Today.git

Install required packages

npm install

Customize the entire website across all the sections inside the components/sections folder

1 - Hero.jsx
2 - InfoSection.jsx
3 - CallToAction.jsx
4 - Footer.jsx

There are also important files to edit in the components/ui folder. They are all marked with 1 in the front.

1 - contact-dialog.jsx
1 - header.jsx
1 - mobile-drawer.jsx

Delete Banner in app/layout.js

// Delete this import below when you are ready to remove the banner
import Banner from "@/components/sections/999 - banner";

{/* This is the banner for the FOYM website. Feel free to delete this! */}
<Banner />

Delete Banner from the components/sections folder

999 - banner.jsx

Customize your metadata in app/layout.js

// This is the metadata for the website. Change the values to match your website. Upload the openGraph.png to your public folder
export const metadata = {
  metadataBase: new URL('https://volunteer.foym.org/'),
  title: "Volunteer Today - An FOYM Template",
  description: "This is a template for organizations modeled after a made-up volunteering nonprofit called “Volunteer Today.” Created by FOYM, a project by Ruslan Mukhamedvaleev, under the MIT license.",
  openGraph: {
    title: "Volunteer Today - An FOYM Template",
    description: "This is a template for organizations modeled after a made-up volunteering nonprofit called “Volunteer Today.” Created by FOYM, a project by Ruslan Mukhamedvaleev, under the MIT license.",
    url: 'https://volunteer.foym.org/',
    siteName: 'Volunteer Today - An FOYM Template',
    images: [
      {
        url: '/openGraph.png',
        width: 1600,
        height: 900,
        alt: 'An image of the website\s name "Volunteer Today - An FOYM. Template" and star like characters in the background pointing at the name',
      },
    ], 
    locale: 'en_US',
    type: 'website',
  },
}

Run the development server

npm run dev

Contact

If you are having trouble setting this up, please feel free to contact me via the foym website.

License

This project is licensed under the MIT License - see the LICENSE file for details.