Back to notes
How is the fallback for non-existent routes handled in the M Blogging website?
Press to flip
A fallback route is set up in `app.jsx` to catch all undefined paths, and the `page-not-found.jsx` component is created to render friendly error messages and navigation options.
How is routing set up for the homepage component in the M Blogging website?
Routing is set up in `app.jsx` for the homepage component.
Which UI element helps navigate smoothly between sections on the homepage?
The `in-page navigation` component is used for smooth navigation between sections on the homepage.
What elements are displayed on the user profile page UI setup?
The user profile image, name, bio, social links, and other details are displayed.
Describe the loading state handling while fetching blogs for the homepage.
A visual loader is displayed to handle the loading state while fetching blogs.
What is the purpose of the search page on the M Blogging website?
The search page allows users to find blogs and users based on a query.
How is the search results routing set up in the M Blogging website?
Routing is set up for `/search/:query` in `app.jsx`, and the `search.page.jsx` component is created to display search results.
What upcoming features are mentioned for future parts of the M Blogging website?
Upcoming features include implementing blog interaction features like mechanisms, comments, dashboards for managing blogs, and setting pages for profile updates.
Describe the process of fetching user profile data on the profile page.
The user profile data is fetched based on the dynamic parameter (user ID), with loading and error states appropriately handled.
Explain how search queries are captured and used to navigate to the search results page.
The search query is captured from the search bar and the user is navigated to the search results page.
How is pagination implemented on the homepage for blog posts?
Pagination is implemented using a 'Load More' button for continuous data fetching.
Which library is used for making HTTP requests to fetch blogs on the homepage?
Axios is used for making HTTP requests to fetch blogs.
What are the key sections developed for the homepage of the M Blogging website?
Latest blogs from the database, filters for blog categories, and a trending blogs section showcasing the most viewed blogs.
What are the dynamic routes used for user profiles on the M Blogging website?
The dynamic routes used target `/user/:id` to render the `profile.page.jsx` component.
How is the 'Edit Profile' button visibility controlled on the profile page?
The 'Edit Profile' button is visible only to the profile owner.
Previous
Next