adraxyz/help-nonprofit

Human Evolution for Landscape Protection (HELP) WebSite

help-nonprofit

Human Evolution for Landscape Protection (HELP) WebSite

Development

git clone https://github.com/adraxyz/help-nonprofit.git

Requirements

Python >= 3.8
Pip >= 20.1.1
python3-venv >= 3.8.6
Postgres >= 12.5
npm >= 6.14.8

Database setup

sudo -u postgres psql
CREATE DATABASE <your_database_name>;
CREATE USER <your_database_user> WITH PASSWORD '<your_database_password>';
ALTER ROLE <your_database_user> SET client_encoding TO 'utf8';
ALTER ROLE <your_database_user> SET default_transaction_isolation TO 'read committed';
ALTER ROLE <your_database_user> SET timezone TO 'UTC';
GRANT ALL PRIVILEGES ON DATABASE <your_database_name> TO <your_user>;

Backend setup

Virtual environment

python3 -m venv help_nonprofit
. help_nonprofit/bin/activate

Requirements

pip install -r help-nonprofit/backend/requirements.txt

Environment variables

help-nonprofit/backend/backend/.env

Migrations

python3 help-nonprofit/backend/manage.py makemigrations
python3 help-nonprofit/backend/manage.py migrate

Backend static files

python3 help-nonprofit/backend/manage.py collectstatic

Run backend server

python3 manage.py runserver

Visit localhost:8000 for APIs calls or the Django admin

Frontend setup

Packages installation

cd help-nonprofit/frontend
npm install

Environments variables

help-nonprofit/frontend/.env

Run frontend server

npm run dev

Visit localhost:3000

help-nonprofit's Issues

Transition prima-dopo fold home page

No delay on second image show

Error page

We should design a nice error page which exposes a link to our github issues page.

@cchiara could you provide a graphic that means "we are sorry"?

Add facebook pixel

Try to install one of the following module/plugins:

• https://www.npmjs.com/package/nuxt-facebook-pixel-module (reccomended)
• https://www.npmjs.com/package/nuxt-facebook-pixels-module
• https://www.npmjs.com/package/nuxt-facebook-pixel

Transition prima-dopo fold home page

No delay on second image show

Add sitemap.xml for SEO

See https://www.npmjs.com/package/@nuxtjs/sitemap

Move send_mail to async

We should avoid the site freezing for long time. If the "send_mail" method takes too much time to be executed we should move it to an async method (django signal?)

Avoid big images in gallery

The project details page loads the gallery images a bit slowly, mostly when the server seems busy.
A quick solutions is to expose only small thumbnail in the gallery and call the true image only when clicked for full screen view.

Show the last post for each social

Add a section with the last post on each social. Each post should be represented as a button-styled square with the post image. Below the square write the title "last <social_name> post" or something similar.

@cchiara we should consider to put this section inside/outside the footer.

Projects map [ch87]

[ch87]
We want to have a projects map in the projects page in which the visitor can:

• see all the projects location through a marker
• see a popup with a thumbnail and a short description of the project once the project marker clicked
• filter projects by location:
  • the map bounding-box
  • by region, country, city, etc
• filter projects by attribute:
  • project category
  • project status (defined, fund-raising, in progress, realized, etc)
• filter projects with a combination of filters
• go to the project details page by clicking on the popup image/text

POST contact_form 403 forbidden

Investigation needed for cookies policy

Understand why, when and how request cookies policy agreement and what action to take when the user chooses an option.

Populate head in each component

To improve SEO performances with should populate head() of components (layout, pages, sections)

Add google analytics

Try to follow this https://nuxtjs.org/faq/google-analytics/