- This project was completed following the final RoR project of The Odin Project
- I came across precompiling errors when trying to deploy to heroku. I spent a lot of time (about an hour of half of trying to bugfix) googling fixes and following the messages heroku provided as well.
- Ultimately, the problem had to do with the way I decided to install tailwindcss from the start and using bug fixes that worked using other install methods.
- To get heroku working with tailwind.css, I googled "heroku tailwind css precompiling assets failed" to which I found this thread where one user stated the problem I ultimately was dealing with--Using both NPM and Yarn.
- I deleted
package-lock.jsonandyarn.lockthen ranyarn installand deleted/public/assetsand finallygit push heroku mainworked once again.
- I deleted
- I ran into issues with signing in/up with Facebook as well. What ultimately worked was switching public_profile to advanced access for my Facebook devleoper app, then adding the omniauth-facebook callback
https://..../users/auth/facebook/callbackto theValid OAuth Redirect URIssection of Facebook Login
- Code refactoring for better reusability
- Make posts also allow images
- Use Active Storage to allow users to upload photos to their profile
- Make post able to be either text or photo by using a polymorphic association
- Style with html/css
- Add client feedback if login fails
- devise for user authentication
- guard for testing
- guard-rspec for testing
- tailwindcss-rails for styling
- friendly_id for using usernames in urls instead of integer IDs
- gravtastic for using Gravatars API with rails
- Show a devise log in or sign up forms in another page
- Root view for authenticated and unauthenticated users
- Limit access to users
- Add first name and last name to Devise
- Reusing Styles with tailwindcss
- tailwindcss colors
- Dropdown menu
- footer
- generating unique usernames
- Order by DESC
- Custom routes
- Devise send email after signup
- Production action mailer with Heroku and GMAIL
- Facebook login message: "URL Blocked: This redirect failed because the redirect URI is not whitelisted in the app's Client OAuth Settings."
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent