@Ashishdantinapalli

Succend Landing Site

Welcome back to Succend. So basically last time I had used an AI generated base for building my landing site, so I don’t have to take too long to build everything from scratch. So as you can see here, I’ve successfully accomplished a few things like the background, and light and dark mode. I made a liquid-like background that has blobs that will slowly follow the mouse. I made this background to make the landing site look better, and overall more cool for a game-like app. I have also added a dark and light mode, so users that view my landing site can change the color to their liking.

I did have a lot of errors, meaning at a point the liquid-background only worked on the header or the footer, or the cards in the other sections wouldn’t show up. I did use a little bit of AI to do some of the frontend, since I was a little confused about how I can make a proper flowlike background, and I also used it to debug anything I wasn’t sure how to.

After this devpost, I will go back to coding, and add a few more features. I was actually designing the ranks that will appear on the leaderboard on the landing site, and I happen to decide on creating 42 entire ranks. So once I’m done designing at least 20 of those ranks, then I’ll proceed to recreate the leveling cards that appear on the homescreen, to better fit my app’s theme.

Thank you for following along with my devpost!

Succend Landing Site

Welcome back to Succend. So basically last time I had used an AI generated base for building my landing site, so I don’t have to take too long to build everything from scratch. So as you can see here, I’ve successfully accomplished a few things like the background, and light and dark mode. I made a liquid-like background that has blobs that will slowly follow the mouse. I made this background to make the landing site look better, and overall more cool for a game-like app. I have also added a dark and light mode, so users that view my landing site can change the color to their liking.

I did have a lot of errors, meaning at a point the liquid-background only worked on the header or the footer, or the cards in the other sections wouldn’t show up. I did use a little bit of AI to do some of the frontend, since I was a little confused about how I can make a proper flowlike background, and I also used it to debug anything I wasn’t sure how to.

After this devpost, I will go back to coding, and add a few more features. I was actually designing the ranks that will appear on the leaderboard on the landing site, and I happen to decide on creating 42 entire ranks. So once I’m done designing at least 20 of those ranks, then I’ll proceed to recreate the leveling cards that appear on the homescreen, to better fit my app’s theme.

Thank you for following along with my devpost!

OK so I improved the main chattin page. It looked plain before but now mwah. I added a subtle purple glow behing the welcome text and also fixed some scaling problems. The structure of entire CSS file was changed to :root since it is more convinient and easy to handle. I made the send button glow rather than stay rigid purple. Also the sidebar was fixed too.I also added mobile responsiveness. Check it out at https://sylqora-b80j2x291-aliraza-glitch.vercel.app/

I’m building my app called Succend. Succend is supposed to be a gamified experience where a user gets levels if they complete their everyday goals. I used a little bit of AI to build me a bit of the initial foundation for my web application so I can build my actual app on top of it. I used Typescript for the application code, React for building the UI. I had several errors that I came across while I was trying to make the navigation bar more animated, and to make it move while we scroll down the page. Working on such errors helped me understand how different components of the application interact better. The other links that can be seen on the navigation bar are as of now, not functioning yet, as I need to add components to each of those pages to make them functional. I believe in the next few days I’ll be able to make my entire landing site functional, and be able to get started on my actual web application where we sign up, and get an account, and make goals, where we can gain xp and levels.

I’m building my app called Succend. Succend is supposed to be a gamified experience where a user gets levels if they complete their everyday goals. I used a little bit of AI to build me a bit of the initial foundation for my web application so I can build my actual app on top of it. I used Typescript for the application code, React for building the UI. I had several errors that I came across while I was trying to make the navigation bar more animated, and to make it move while we scroll down the page. Working on such errors helped me understand how different components of the application interact better. The other links that can be seen on the navigation bar are as of now, not functioning yet, as I need to add components to each of those pages to make them functional. I believe in the next few days I’ll be able to make my entire landing site functional, and be able to get started on my actual web application where we sign up, and get an account, and make goals, where we can gain xp and levels.