Button component is available here
/src/components/ui/button.tsx

When user logout from application it still showing the last loggedin user`s theme instead show the light theme

You can find Alert component here
src/components/ui/alert.tsx

Create generic component that will show in place of empty data.

• Add empty data icon
• Add dynamic text (accept as props)

Can be used in place of

• when there is no data for suggestions
• when there is no data for posts in feed page
• etc...

For now application is configured with default light themes.
Add theme configuration using daisyui themes

For reference
https://qwik.builder.io/docs/pages/#head-export

Add link to user profile in post details page

• username link to profile
• name link to profile
• avatar link to profile

If lists have no any data then show

• Add Empty text for pinned lists
• Add Empty text for Discover new lists
• Add empty text for Your lists

qwik-x has moved from neon serverless postgres to vercel serverless postgres underneath vercel postgres uses neon but qwik-x still using @neondatabase/serverless package instead migrate it to @vercel/postgres package.

For reference
https://qwik.builder.io/docs/pages/#head-export

Currently the right sidebar show the Show more link for more user suggestions but sidebar is hidden for smaller screen. Add an icon in bottom navigations for user suggestions and connect it to /suggestions link

In post card there is share icon button ui available.
Add functionality to share the post on click.
Utlize web share api or if user device not support web share api just copy the post link in clipboard.

For reference
https://qwik.builder.io/docs/pages/#head-export

• you can see that the font changes only for the 'wireframe' theme. A theme ideally should just change the colors not the font.
• Not sure if this was intentional or not because font remains constant for all other themes.
• Also Comic Sans is ofcourse not an ideal font.

For now home page load all posts at once.
Add pagination in home page.
At once show 10 posts and once user click on load more button then fetch the next 10 and show.

src/components/ui/select.tsx

Click on any post and open post details page
add text like this in post details document title:-
Username on Qwik-X : post text upto 20 characters

For reference
https://qwik.builder.io/docs/pages/#head-export

src/components/ui/textarea.tsx

Now in Profile page i.e /harshmangalam/ Edit profile is showing for all users but it should be only show for current user.

Add custom 500 error page and show error message and add sone public links like Home,Login,Explore etc...

For now 404 error from routeLoader and routeAction render default 404 page but add custom 404 page and render error message with some important public links i.e Home , Login, Explore etc...

For reference
https://qwik.builder.io/docs/pages/#head-export

Add navbar on smaller screen.
Put the following things inside the navbar

• Logo in the left
• Theme switcher icon component in the right

Fix Create post footer alignment issues of icons and button

I can create an interaction analysis dashboard using Python, Streamlit & Plotly.
Interaction analysis can be done with the Social Media Dataset (Twitter).

Add toolip in create post modal icon buttons

• Image icon button
• GIF icon button
• Emoji icon button

Add document title in /login and /signup page

For reference check
https://qwik.builder.io/docs/pages/#head-export

Now the default color scheme is getting used in bookmark icon button change it to info color scheme.
Follow the post like icon button for different part of state handling .

add tooltip in icon button of bottom navigations

src/components/ui/text-input.tsx

When someone mouse over username show user profile popover.
You can show following things in popover card:-

• Avatar
• Name
• Username
• Bio
• Followings & Followers counts

Upgrade drizzle orm to 0.28.6 or latest version and fix all deprications

Change Edit profile button in profile page to outline button.

If you are using any env variables please update .env.example with empty value

• Like button
• Share button
• Comment button
• etc...

When user click on post author

• avatar
• name
• username

navigate to their profile page

Add different different meta tags .
Add open graph tags for social sharing.

For reference
https://qwik.builder.io/docs/integrations/image-optimization/

• Provide alt if missing
• Provide proper width and height
• Provide aspect ratio

Create a sidebar drawer for mobile screen just like twitter has on mobile screen.

For now /suggestions page load all users at once.
Add pagination in /suggestions page.
At once show 10 users and once user click on load more button then fetch the next 10 and show.

On mobile screen add bottom menu navigation
Add menu icons and link to their respective pages

• Home
• Login
• Explore
• Bookmark
• Profile
• Create post

Pick menu icons and links from sidebar component.

When some one like post it wait for server response and loader to update the like part now integrate optimistic ui to feel it fast and instant.

Follow twitter communities page to create new schema