timofeysie / dot-one Goto Github PK
View Code? Open in Web Editor NEWA social network platform in vanilla React
A social network platform in vanilla React
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.
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:
Multiple Choice
Who do you support for President of the USA?
a) Biden
b) Trump
c) Kennedy Jr.
d) none of the above
Yes or No
Do you believe that healthcare should be free for all? Yes or No?
Ranking 1-5
Rank these candidates in order of preference O Biden O Trump O Kennedy Jr.
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.