Protez Nou Natir

'Protez Nou Natir' is a fundraising blog and donation website with the goal of protecting nature by accumulating funds for particular causes while also reporting its activities through its blog section

This website is current hosted at https://protez-nou-natir-294a50.netlify.app/

---

NOTE: This is a web development project from Boodooa Monish. Protez Nou Natir is a fictional entity and is meant to replicate a fundraising non-profit business.

---

HOW IT WORKS

• Gatsby, a React-Based Static Site Generator is used to create static html pages based on each fundraising project and each blog article whose data is retrieved from Contenful, a headless content management system.
• Each time, content is added/ modified in the CMS, it triggers a Webhook function which will rebuild the website with the latest/ newest content

---

TECHNOLOGIES USED

• HTML5
• CSS3
• JAVASCRIPT ES5/ ES6
• REACT 17.0
• GATSBY 4.4
• REACT HELMET 6.1
• SASS 1.45
• CONTENTFUL HEADLESS CMS
• GATSBY'S GRAPHQL API

FEATURES

• Responsive Navigation Bar
• Statically Generated Pages using GATSBY AND CONTENTFUL CMS
• Donation Form
• Newsletter Feature [NOT YET IMPLEMENTED]
• Stripe and Paypal Checkout System [NOT YET IMPLEMENTED]
• Sort Feature for Articles [NOT YET IMPLEMENTED]

HOW TO LAUNCH PROJECT

1. Clone/ Download the repository and extract it into your desired folder.

2. Open a terminal inside the desired folder and then in the terminal, type:

cd protez-nou-natir-gatsby-master
npm install

NOTE: After install, create a '.env' file to store the space id and access token of contentful

To run in hot module reloading mode:

npm start

To create a production build:

npm run build

---

Information on Photos Used

All photos used in this project are royalty free images and were downloaded from pexelsand pixabay.

Here are the links:

• https://www.pexels.com/photo/close-up-photography-of-green-leafed-plants-1500523/
• https://www.pexels.com/photo/person-holding-a-green-plant-1072824/
• https://www.pexels.com/photo/scenic-view-of-mountain-1666021/
• https://www.pexels.com/photo/busy-street-3224225/
• https://www.pexels.com/photo/photography-of-factory-929385/
• https://www.pexels.com/photo/wood-light-dawn-landscape-6554499/
• https://www.pexels.com/photo/green-pine-trees-1179229/
• https://www.pexels.com/photo/sea-nature-water-ocean-4603275/
• https://pixabay.com/photos/forest-trees-tree-canopy-foliage-231066/
• https://pixabay.com/photos/nature-rubbish-pollution-ecology-4202713/
• https://www.pexels.com/photo/alternative-alternative-energy-clouds-countryside-414807/
• https://www.pexels.com/photo/black-and-silver-solar-panels-159397/
• https://www.pexels.com/photo/paper-cutouts-on-a-gray-surface-7048020/
• https://www.pexels.com/photo/assorted-plastic-bottles-802221/
• https://www.pexels.com/photo/photo-of-trash-lot-on-shore-2447036/

---

© 2022 Boodooa Monish. All rights reserved.