GithubHelp home page GithubHelp logo

liwoo / cla-rw Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 1.0 1.32 MB

Christian Life Assembly Website

Home Page: https://cla-rwanda.vercel.app

License: Other

JavaScript 0.98% TypeScript 98.68% CSS 0.34%
jamstack nextjs static-site-generator tailwindcss

cla-rw's People

Contributors

caspater avatar liwoo avatar marumbo avatar

Watchers

 avatar

cla-rw's Issues

Create a Schema for Events

for page events/1/register

  • Title
  • Description (rich text / markdown)
  • Date
  • Start / End Times
  • Venue (drop down to limit choices)
  • List of Speakers (hopefully Speaker exists)
  • Link to an external form (we'll use SurveySparrow)
  • Audience
  • Cover Image
  • Category of Events (drop down)
  • Topics (think of tags)
  • Spot Counter
  • Icon Collections (just a list of strings representing all the icons to be used in the app)
  • List of Steps (step being an icon, title, subtitle)

PAGE 1: Finalize About Page

Don't forget to use color variables defined in tailwind.config.js for texts and backgrounds in case we choose to switch themes one day :)

Don't forget to make a PR referencing this issue when done!

Add Header and Footer Data from a Config File

Create a config file called header.ts under src and give it a json of all the links including social media tags... also add the type representing that object in utils/types.d.ts

Populate Beliefs and Members from Sanity

In About Page, let's populate

  • Beliefs
  • Staff
  • Audience Categories (to be provided)
  • Brief History (to be provided)
  • Make the Audience a Dropdown on Mobile Devices

@Marumbo can you please populate some sample beliefs

Populate Pastor Page

The only thing missing is
Ignore the Devotion filter for now...

  • Social Media (we will add it later)

PAGE 4: Sermons/Videos Page

To be called Media Page

Don't forget to use color variables defined in tailwind.config.js for texts and backgrounds in case we choose to switch themes one day :)

Don't forget to make a PR referencing this issue when done!

PAGE 10: Registrations Page

This is where we will accept registrations from church members/non members, can be linked to general registrations on the header (such as Membership Applications / Baptism Applications) or can be linked to an event... I think we can use TypeForm/SurveySparrow/Google Forms to embed the different applications here - since they are so different...

PAGE 5: Devotional Landing Page

Don't forget to use color variables defined in tailwind.config.js for texts and backgrounds in case we choose to switch themes one day :)

Don't forget to make a PR referencing this issue when done!

Changes

  • Ministry Tenets should be an Array
  • Ministry Testimonials should be an Array
  • Let's add the FAQ Section

PAGE 7: Events Landing Page

Don't forget to use color variables defined in tailwind.config.js for texts and backgrounds in case we choose to switch themes one day :)

Don't forget to make a PR referencing this issue when done!

For Now, the Event will link to a post so that we re-use the post page... the call to action can be Add to Calender

Edits & Modifications

  • Fix primary button on Home Page
  • From contact-us to contact
  • Add Phone and Map Sections on Contact Page
  • Add Hover States on About Details
  • Fix Tabs for I am Here
  • Fix Home Page Button
  • Add Alt Button Hover State
  • Add Media Button Hover States
  • Expand Search Bar
  • Sort by Latest/Alphabetical
  • Add Gradient to Event Card
  • Change devotions page title to devotionals
  • Make Testimonials Interactive
  • Fix Testimonials Quotation
  • Ministries Call to Action!

Add more Details to Ministry Collection

  • Title (e.g. Discover the Church)
  • Subtitle (e.g. What is intercessory ministry about?)
  • Scripture
  • Tenets (Title and Description) - like a sub collection
  • Testimonials (Image, Name, Title, Subtitle, Testimonial) - sub collection
  • Leader (Image, Name, Title, Description)

PAGE 8: Ladies Ministry / Ministry Landing Page

Don't forget to use color variables defined in tailwind.config.js for texts and backgrounds in case we choose to switch themes one day :)

Don't forget to make a PR referencing this issue when done!

Populate Sermon Page

Use Data from Sanity.io to populate Sermon Page

Feel free to disable (comment out) Search, Filters and Pagination. Will add these later

For now, the rest will go into the recent sermons

PAGE 2: Contact Us Page

Don't forget to use color variables defined in tailwind.config.js for texts and backgrounds in case we choose to switch themes one day :)

Don't forget to make a PR referencing this issue when done!

The data we can fetch from a config file

PAGE 3: I am New

Don't forget to use color variables defined in tailwind.config.js for texts and backgrounds in case we choose to switch themes one day :)

Don't forget to make a PR referencing this issue when done!

We can get this data from config file

PAGE 9: Pastors Page

Don't forget to use color variables defined in tailwind.config.js for texts and backgrounds in case we choose to switch themes one day :)

Don't forget to make a PR referencing this issue when done!

This will be populated from the main menu - it will have no landing page...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.