timofeysie / dot-one Goto Github PK

This includes creating rich text and displaying it.

What's this all about? The site shows up as dangerous after logging in:

We are using https: https://dot-one-26b272efdbb8.herokuapp.com/

However, maybe we need out own certificate?

Load times when the user is visiting the site for the first time that day are over 20 to 30 seconds.

The site is hosted on Heroku. This consists of a front end app, and a backend server based app. The server app also stores data on a freely hosted ElephantSQL.com database.

We can increase the speed by using a paid tier at Heroku. The backend also uses Django serializers which are known to have bad performance, so this is something else that can also be addressed.

My Tundra 64 app app is also hosted on Heroku, and it has decent load times. So this is what we are aiming for.

Tundra 64 was an app to create automated posts based on trending google searches. The posts were then meant to show up in google search results and generate a small amount of ad clickthrough revenue.

However, the site performed poorly dues to it's Angular architecture. It was apparent that it would never be able to achieve good SEO (Search Engine Optimization) so I created another project called Ruffmello which solves these issues by using the AMP framework along with a static site generation technique using React (Preact actually, a lightweight version of React) via the Vercel framework. Ruffmello.com loads blindingly fast and would perform well if SEO is done properly.

This second approach is the best fit at least for the list of posts and polls.

This is a list of some technical debt the project has that will need to be addressed sooner or later.

1. ElephantSQL will discontinue its services. The product will reach its End of Life on January 27, 2025.
2. React 17 (React 19 will be released sometime this year)
3. Bootstrap

Also, the Code Institute will eventually release an updated advanced full stack course, so that should be considered as a solution to all of the above. I will update this issue with details regarding that once they are know.

Poll Options:

1. Multiple Choice
   Who do you support for President of the USA?
   a) Biden
   b) Trump
   c) Kennedy Jr.
   d) none of the above

2. Yes or No
   Do you believe that healthcare should be free for all? Yes or No?

3. Ranking 1-5
   Rank these candidates in order of preference O Biden O Trump O Kennedy Jr.

• User Generated
• AI bot that combines polls that are the same
• Sorted by region
• Trending polls bumped

When deploying versions 0.1.3 to Heroku, this is the failed log:

-----> Installing dependencies
       Installing node modules
       npm ERR! code ERESOLVE
       npm ERR! ERESOLVE could not resolve
       npm ERR! 
       npm ERR! While resolving: [email protected]
       npm ERR! Found: [email protected]
       npm ERR! node_modules/react
       npm ERR!   react@"^17.0.2" from the root project
       npm ERR!   peer react@">=16.3.2" from @restart/[email protected]
       npm ERR!   node_modules/@restart/context
       npm ERR!     @restart/context@"^2.1.4" from [email protected]
       npm ERR!     node_modules/react-bootstrap
       npm ERR!       react-bootstrap@"^1.6.3" from the root project
       npm ERR!   15 more (@restart/hooks, @testing-library/react, ...)
       npm ERR! 
       npm ERR! Could not resolve dependency:
       npm ERR! peer react@"^0.14.0 || ^15.0.0 || ^16.0.0-0" from [email protected]
       npm ERR! node_modules/react-html-parser
       npm ERR!   react-html-parser@"^2.0.2" from the root project
       npm ERR! 
       npm ERR! Conflicting peer dependency: [email protected]
       npm ERR! node_modules/react
       npm ERR!   peer react@"^0.14.0 || ^15.0.0 || ^16.0.0-0" from [email protected]
       npm ERR!   node_modules/react-html-parser
       npm ERR!     react-html-parser@"^2.0.2" from the root project
       npm ERR! 
       npm ERR! Fix the upstream dependency conflict, or retry
       npm ERR! this command with --force, or --legacy-peer-deps
       npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
       npm ERR! 
       npm ERR! See /tmp/npmcache.kZUSj/eresolve-report.txt for a full report.
       
       npm ERR! A complete log of this run can be found in:
       npm ERR!     /tmp/npmcache.kZUSj/_logs/2024-03-13T22_30_30_613Z-debug-0.log
-----> Build failed