ethriel3695 / gatsby-theme-contentful Goto Github PK

We need a profile page so users can edit their profile

The header should be transparent if there is an image/video at the top of the page so everything blends well

Verify the separate component flow for non-authenticated applications so the user of the theme does not have to provide Auth0 credentials in the .env.development and .env.production files if they are not generating an auth app.

Test and make sure the no auth solution works through build and serve on local before pushing to Netlify

On mobile, add a bottom navigation bar to give users a more native mobile app experience
https://material-ui.com/components/bottom-navigation/

Configure a Dark Theme and a toggle with correct color themes

See:
https://www.healthline.com/health-news/5-covid-19-myths
https://www.gatsbyjs.org/

When the auth state is loading and the Menu has not loaded yet the banner will move and then change position after the Menu Icon loads
Fix this so the positioning does not change

Update the documentation to reflect the new features and configuration changes for:
Widget handling
Auth vs NoAuth
Page Types
Schema Generation
Using Quick Start
Creating Content
Creating Article Content
Theme styling with Tailwind CSS
Example Components

This project is separate from the theme and should not be used as a demo and needs to be removed
The tabbed page can be added as a demo example to the Demo app

We need the ability to generate pages based off the contentful data. This will supplement the mdx page generation not replace

The User Menu on the left hand side of the header needs a profile option so the user can edit their data
Dependent on #10 , #11

test

This page should separate sections in a scroll format such as (About, Projects, Latest Articles, etc)
See:
https://www.apple.com/
https://www.redventures.com/
https://www.gatsbyjs.org/

Sections are separators on the landing page such as (About, Projects, Latest Articles)
I want to separate everything so it looks great and can be driven by content

Currently there is no way for users to subscribe to a newsletter
Add a Subscribe option to the header for sites that want to configure subscriptions

I realize at some point this theme will become bigger than myself and I need to get the checks and resources in place so people can collaborate on the repo

The banner will have better traction in the center of the AppBar
See: https://www.healthline.com/

We need the capability for people to add blog articles by themselves without engineering intervention

The schema for a Rich Text Field is as follows:
Image
List
Links
Headers
Text

All the Rich Text needs to render in the UI if it's included
All the Rich Text fields are optional and should not break UI if not included
The route should not render in the nav bar
The route should always be /blog/{articleName}

Add a template to render these blog articles properly since the current blog articles use MDXRenderer

https://docs.cypress.io/guides/getting-started/writing-your-first-test.html#Step-4-Make-an-assertion

Add a Rich Text HTML Handler for Hyperlinks so we can change the way external URLs are handled
[BLOCKS.PARAGRAPH]: (node, children) => <HTMLHandler>{children}</HTMLHandler>,

Currently the Contentful configuration requires at least 1 hero or banner image in order for the graphql query to render data and not blow up the build.
Create a separate workflow that checks for the page type HeroLanding or something like that before fetching images

Create a list of components that are similar so that we can start the refactor process
Refactor components and add smaller components for reusability

My purchased Material UI Dashboard Pro Theme has a Profile Page Demo that I want to add to the theme for demo purposes
Add the page and put in the mdx profile route created

I want to give people the possibility of rapidly prototyping their UI without worrying about the back-end
Mirage mocks the API so Developers can test their apps without worrying about building out the back-end first

Either pass a config file that specifies field names and field type or use Contentful to dynamically create the form

This will enable the user to create a form and capture whichever data they desire
The only thing left once this happens is to pass an API call as an .env variable for POST and GET methods to submit and return results of the form

The header is intrusive when the user is scrolling down
Adding this package will allow the header to show up when needed such as the user scrolling back up
This will improve the UI

I've noticed that some of the components in the Theme are duplicates or very close

Spend some time identifying similarities and create smaller components where possible to reduce code duplication
Once components are identified, break them out into subtasks in reference to this issue to reduce the scope of the refactor

                <div
                  key={`tagsContainer-${index}`}
                  className="grid grid-cols-3 lg:grid-cols-4"
                >
                  {article.categories &&
                    article.categories.map((category, ind) => {
                      return (
                        <p
                          key={`tag-${ind}`}
                          className="shadow-outline border-aqua px-1 mr-2 text-center"
                        >
                          {category}
                        </p>
                      );
                    })}
                </div>

^^ Code snippet to add the categories on the ArticleSummaryCard

Test and make sure the auth solution works as a build and serve on local before pushing to Netlify

Currently all Posts/Articles show up in the Nav at the root level
I want to change this and create a Blog page with all Posts/Articles to go off the /blog root path and be found on the blog page