dry sequoia
https://github.com/astro0725/PixelPals/tree/post
So in theory my handlebars should work with webpack. So the problem probably lies with the rest of my code. Right now I'm trying to figure out how to get my homepage to render. My code is a mess so its probably the case that my code is just poorly written and doesn't have anything to do with the handlebars to webpack support code.
All related files are named home and homepage
im using express to dynamically render the handlebars and officially deploying the site to heroku but im not sure if my project requires that i run express server in conjunction to webpack since im solely using firebase (which needs webpack as a dependent) for user authorization and authentication
im using a lot of engines and database together that ive worked with separately so its hard trying to figure out how to get them to work together
basically my project reqs are the following:
Node.js and Express.js: Set up an Express.js server to handle HTTP requests. Create RESTful API routes for user authentication.
Handlebars.js: Use Handlebars as your templating engine to render the login and signup pages on the server-side. This will allow for dynamic content rendering based on user input or authentication status.
MySQL and Sequelize: Utilize Sequelize ORM to interact with a MySQL database for storing user credentials and profile information. Define models for users and posts, ensuring passwords are encrypted using a library like bcrypt.
GET and POST Routes: Implement GET routes to serve the login and signup pages and POST routes to handle the form submissions for user authentication and registration.
New Library/Package/Technology: Consider using a new library such as Passport.js for authentication, which provides extensive flexibility and strategies, including OAuth.
MVC Paradigm: Structure your folders according to the Model-View-Controller (MVC) paradigm:
Models: For Sequelize models.
Views: For Handlebars templates.
Controllers: For the logic to handle requests and responses.
Authentication: Integrate express-session for handling sessions and cookies for user authentication.
Protect Sensitive Information: Store API keys and sensitive information in .env files and access them using process.env in Node.js.
Deployment on Heroku: Prepare your application for deployment on Heroku, making sure your MySQL database is accessible through Heroku's add-ons like JawsDB or ClearDB.
Polished UI: The design shown in the image is minimalistic. Ensure your UI is polished by refining the layout, color scheme, and interactivity. Incorporate CSS frameworks like Bootstrap or Tailwind CSS for a responsive design.
Interactivity: Ensure that your forms respond to user input appropriately. Use client-side JavaScript to provide instant feedback or validations before submission.
Coding Standards: Adhere to coding best practices, with clear and consistent naming conventions, proper indentation, and quality comments for maintainability.
BUT im using firebase to handle user authentication and authorization, however i've already implemented migration files and middlewares to handle getting user id and user name from firebase so the issue now is trying to view my website via webpack with the handlebars templates