/mana-do-ceu-react

🍞☁ Mana do Céu's website built with React library. This project is a simple and scalable daily blog website that runs completely at client-side.

Primary LanguageJavaScriptMIT LicenseMIT

🍞☁ Maná do Céu

This project is a simple and scalable daily blog website that runs completely at client-side. Each message is stored as a .json in /public/mana folder. It has a low-cost and scalable hosting solution using Amazon S3 and Cloudfront. There is a index file: /public/mana/_index.json that lists each post. When accessing the root page, it will get the day of the year and fetch corresponding post according to index file.

Maná do Céu logo

Visit: http://www.manadoceu.com

Technologies

  • Javascript ES6
  • React 16.7
  • React router
  • Bootstrap 4

Hosting

  • Amazon S3
  • Amazon Cloudfront
  • Amazon Lambda
  • Amazon API Gateway

Quick start

  1. Install dependencies: npm install
  2. Run dev server: npm start

Message posts

The posts contains scripture verses with a piece of meditation message written in portuguese. The messages were written by my father pastor Eli Vilela.

Contributions

Feel free to contribute to this project. Create a new issue if you have a new idea to this project.

Roadmap / Next steps

  • Auto generate SEO metatags using Amazon Lambda/API Gateway
    • This was made using API Gateway and AWS Lambda to generate SEO metatags page and redirect to React client. This is transparent to the user.
  • Generate post thumbnail using API Gateway and AWS Lambda
  • Make this project more shareable to contribute as an open source project
  • Create a local client for manage the posts (manas)
  • Make deploy on S3 using after Git pushing
  • Create multi-language support