Skip to content

Latest commit

 

History

History
38 lines (31 loc) · 2.3 KB

README.md

File metadata and controls

38 lines (31 loc) · 2.3 KB

🌍 womenindatanepal website

MIT license

Web application for the steering committee of "women in data nepal"

Project powered with:

WordPress | NextJS | GraphQL

This project uses WordPress as CMS only, GraphQL to access WordPress APIs and NextJS for rendering the website.

Clone this project

Setup WordPress CMS

Make sure you are in the project's root directory.

  • Run: docker-compose up -d
  • After the command exit, goto http://localhost:8000/ on your browser.
  • Setup the WordPress Dashboard by providing name of site, username, password and other information.
  • Setup the timezone - Settings > General > Timezone (Important for blog section)
  • Setup profile with First Name, Last Name, Profile Picture and Organizational Association - User > Profile > (Additional Info, About Yourself and Additional Info) (Important for blog section)
  • You need to activate following plugins: "WP GraphQL", "WPGraphQL for Advanced Custom Fields", "Advanced custom fields" and "WID Custom Plugin". (You can manage plugins from /wordpress/wp-content/plugins.)

Setup NextJS Frontend

Make sure you are in the project's root directory.

  • npm install
  • npm run dev
  • Setup these three environment variables for email service available through contact form (in .env file)
    • RECEIPIENT_MAIL - Email of user who recieves the form data submitted through contact us form
    • CONTACT_EMAIL_USER - Email address of application which serves the email service
    • CONTACT_EMAIL_PASSWORD - Password for above email address which serves the email service
  • Setup these four environment variables for getting tweets at home page (in .env file). To create these goto: https://developer.twitter.com/en/apps and click on create an app.
    • APPLICATION_CONSUMER_KEY - Twitter app's "API key"
    • APPLICATION_CONSUMER_SECRET - Twitter app's "API secret key"
    • ACCESS_TOKEN - Twitter app's "Access token"
    • ACCESS_TOKEN_SECRET - Twitter app's "Access token secret"