Menu
Forums
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Trending
What's new
New posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Search profile posts
Upgrades
Log in
Register
What's new
Search
Search
Search titles only
By:
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
Server Development
Habbo Retros
Habbo Recruitment
someone interested in a project
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="React" data-source="post: 482870" data-attributes="member: 117627"><p>Hi guys, to better my current knowledge i am working on a fan site for the new & official <strong><a href="http://habhub.net" target="_blank">HabHub hotel</a></strong> owned by [USER=30923]@Liam[/USER] .</p><p></p><p>I am looking for someone who’s the same as me, interested in learning and would like to work further on this specific site with me. The fan site itself is made using the Vue.JS & TailwindCSS technologies.</p><p></p><p>I have certain ideas for the site itself, though i think the capability of me being able to do it alone, with my current experience is what I believe is something a little out of my depth, I’ll list some of the ideas I have right now below.</p><p></p><ul> <li data-xf-list-type="ul">Badge Uploader</li> <li data-xf-list-type="ul">A guides section or sub-section</li> <li data-xf-list-type="ul">A live display of the newest furniture in</li> <li data-xf-list-type="ul">A live display of the latest rare(s) within hub</li> </ul><p>I can do almost all of the front end stuff myself, merely i am looking for somebody experienced more so in backend, either way we can learn together.</p><p></p><p>I understand again, this isn't the most advanced of websites, far from it. But, for what I would like to see on the site both front and backend I think it's enough, the theme is clean, but what good is a car without an engine?</p><p></p><p>Homepage:</p><p></p><p>[ATTACH=full]16159[/ATTACH]</p><p>[ATTACH=full]16160[/ATTACH]</p><p></p><p>Furniture page (design unfinished.):</p><p>[ATTACH=full]16161[/ATTACH]</p><p></p><p>Values page, worked on style, still work to do. </p><p>[ATTACH=full]16163[/ATTACH]</p><p></p><p>Please, before any negativity note that I will be fixing these columns and their design tomorrow, it's just to show anyone with potential interest my intentions.</p><p></p><p>For anyone interested - <strong>React23 </strong>is my Discord.</p><p>[automerge]1723223910[/automerge]</p><p></p><p></p><p>[ATTACH=full]16166[/ATTACH]</p><p></p><p>A better look at the "values" page, design is done, I will fix the positioning of the text that you see underlined. </p><p></p><p>Working on more content/design tomorrow & then it'll be time to work on backend/functionality.</p><p>[automerge]1723724419[/automerge]</p><p></p><p>[ATTACH=full]16218[/ATTACH]</p><p>[ATTACH=full]16219[/ATTACH]</p><p></p><p>Removed the <strong>HabHub's Latest Rare</strong> section that was on the /homepage for now, repositioned a lot of content & whilst I was doing that added a Gallery, you'll be able to view pics that the community has taken within HabHub on the fansite. </p><p></p><p>Still need to figure out a lot of backend, someone suggested I change this to Laravel, however I am unsure about that. I will be doing more to the fansite later on, will post updates.</p><p>[automerge]1723737810[/automerge]</p><p></p><p>[ATTACH=full]16223[/ATTACH]</p><p>[ATTACH=full]16224[/ATTACH]</p><p></p><p>Added news to the site, also a comment area - the HabHub avatar API will display your avatar next to your comment automatically, still have to work on the styling of this specific area.</p><p>[automerge]1723899997[/automerge]</p><p>[ATTACH=full]16235[/ATTACH][ATTACH=full]16236[/ATTACH][ATTACH=full]16237[/ATTACH][ATTACH=full]16238[/ATTACH]</p><p></p><p>Made some changes to the "values" section <img src="/styles/default/xenforo/smilies/emojione/smile.png" class="smilie" loading="lazy" alt=":)" title="Smile :)" data-shortname=":)" /></p><p></p><ul> <li data-xf-list-type="ul">Removed previous headings, replaced them with tooltips.</li> <li data-xf-list-type="ul">Changed the style of the boxes within the main container.</li> <li data-xf-list-type="ul">Added fixed heights and widths to all images.</li> <li data-xf-list-type="ul">Added and fixed image size modal</li> <li data-xf-list-type="ul">Added borders on to the main containers and the containers holding rare items so it didn't look abandoned.</li> <li data-xf-list-type="ul">Rectangle with "item value:" and "coin" image inside it to keep it from looking untidy.</li> </ul><p></p><p>[ATTACH=full]16239[/ATTACH]</p><p></p><p>Implemented endpoint for "users online" and displayed it in the appropriate section.</p><p></p><p>To-do:</p><p></p><ul> <li data-xf-list-type="ul">add the rest of the endpoints for the specific data.</li> <li data-xf-list-type="ul">fix news articles area - redesign it</li> <li data-xf-list-type="ul">Implement and design avatar generator</li> <li data-xf-list-type="ul">Add more generic content</li> <li data-xf-list-type="ul">Add content for "Guides" section <br /> <br /> [USER=97455]@Laravel[/USER] - Pulled me away from basic html/css and introduced me to Vue.JS and TailwindCSS<br /> [USER=46853]@cammy[/USER] - Helped me with some design tips/ideas<br /> [USER=30923]@Liam[/USER] - Allowing me to make this fansite based on his hotel<br /> <br /> As for the development of this site, it's not going to stop. I am just not going to post pictures every day of the minor changes I've made, as for the precise reason of not continuously bloating the thread. The fansite will be pretty much ready to be publicised once I have completed the list above. I know it's not the most complicated thing to achieve, but if you were or are like me design was far from my strong suit, the code was messy, all over the place and didn't make sense. I think I done okay, obviously always room for improvements nonetheless.<br /> <br /> Feedback is important & always welcome!</li> </ul><p>[automerge]1725055861[/automerge]</p><p>Been a few days since I updated this, however I hope you'll be glad to know that within the last couple of days the entire site has had a complete overhaul.</p><p></p><p>With the generous help of [USER=79628]@Sullivan[/USER] this fan site has turned out exactly how I originally wanted it when I was going-it-alone.</p><p></p><p>We decided to abandon both <strong>Vue.JS </strong>& <strong>Tailwind CSS</strong> and instead use <strong>Laravel</strong>, as well as that the CSS itself has been hard coded, with means of better managing the websites style in it's entirety. Every page has been recoded, restyled and better organised to give the fan site I started the look and feel that it desperately needed.</p><p></p><p>[ATTACH=full]16327[/ATTACH]</p><p>[ATTACH=full]16328[/ATTACH]</p><p>[ATTACH=full]16329[/ATTACH]</p><p>[ATTACH=full]16330[/ATTACH]</p><p>[ATTACH=full]16331[/ATTACH]</p><p></p><p>[ATTACH=full]16332[/ATTACH]</p><p>[ATTACH=full]16333[/ATTACH]</p><p>[ATTACH=full]16334[/ATTACH]</p><p>[ATTACH=full]16335[/ATTACH]</p><p>[ATTACH=full]16336[/ATTACH]</p><p>[ATTACH=full]16337[/ATTACH]</p><p>[ATTACH=full]16338[/ATTACH]</p><p></p><p><strong>So, what's been done?</strong></p><p></p><ul> <li data-xf-list-type="ul">The index was reorganised, repaired & "Latest News" migrated to this page.</li> <li data-xf-list-type="ul">Values page has been reworked, the data is pulled and updated using an API in real-time & entire page restyled.</li> <li data-xf-list-type="ul">Avatar generator rebuilt from the ground up & new excitable features implemented, you can now select and apply different backgrounds to go behind your generated avatar, as well as that you can now use your mouse to right-click and hold to move the avatar, and release the mouse button to drop it instantly, Use your mouse scroll wheel to zoom in and out & lastly increase/decrease the size of the generated avatar to however big or small you desire, without distortion or loss of image quality.</li> <li data-xf-list-type="ul">JavaScript moved from 1 single file & replaced so that each JavaScript feature is inside it's own file, making it easier to maintain, or update at a later stage.</li> <li data-xf-list-type="ul">Removed the "Latest Photo's" section from the index page until I have an API for it, to pull the latest photos from the actual website, instead of manually saving and putting them on the page 1 by 1.</li> <li data-xf-list-type="ul">Added templating, everything to do with the fan site can be changed via the <strong>.ENV file.</strong></li> </ul><p>I am absolutely amazed personally with the final outcome of this and the rapid progression made in such little time, all whilst being able to expand my current knowledge along the way. This is not the end for this website, more so it's first <strong>milestone</strong> if that's what you want to call it & feedback is always welcomed.</p><p></p><p>Again, a huge thanks to [USER=79628]@Sullivan[/USER] I recommend contacting him if you're doing something similar:</p><p></p><p>Discord: <strong>gizmo_1813</strong></p></blockquote><p></p>
[QUOTE="React, post: 482870, member: 117627"] Hi guys, to better my current knowledge i am working on a fan site for the new & official [B][URL='http://habhub.net']HabHub hotel[/URL][/B] owned by [USER=30923]@Liam[/USER] . I am looking for someone who’s the same as me, interested in learning and would like to work further on this specific site with me. The fan site itself is made using the Vue.JS & TailwindCSS technologies. I have certain ideas for the site itself, though i think the capability of me being able to do it alone, with my current experience is what I believe is something a little out of my depth, I’ll list some of the ideas I have right now below. [LIST] [*]Badge Uploader [*]A guides section or sub-section [*]A live display of the newest furniture in [*]A live display of the latest rare(s) within hub [/LIST] I can do almost all of the front end stuff myself, merely i am looking for somebody experienced more so in backend, either way we can learn together. I understand again, this isn't the most advanced of websites, far from it. But, for what I would like to see on the site both front and backend I think it's enough, the theme is clean, but what good is a car without an engine? Homepage: [ATTACH type="full" alt="1723006143632.png"]16159[/ATTACH] [ATTACH type="full" alt="1723006166306.png"]16160[/ATTACH] Furniture page (design unfinished.): [ATTACH type="full" alt="1723006243873.png"]16161[/ATTACH] Values page, worked on style, still work to do. [ATTACH type="full"]16163[/ATTACH] Please, before any negativity note that I will be fixing these columns and their design tomorrow, it's just to show anyone with potential interest my intentions. For anyone interested - [B]React23 [/B]is my Discord. [automerge]1723223910[/automerge] [ATTACH type="full"]16166[/ATTACH] A better look at the "values" page, design is done, I will fix the positioning of the text that you see underlined. Working on more content/design tomorrow & then it'll be time to work on backend/functionality. [automerge]1723724419[/automerge] [ATTACH type="full"]16218[/ATTACH] [ATTACH type="full"]16219[/ATTACH] Removed the [B]HabHub's Latest Rare[/B] section that was on the /homepage for now, repositioned a lot of content & whilst I was doing that added a Gallery, you'll be able to view pics that the community has taken within HabHub on the fansite. Still need to figure out a lot of backend, someone suggested I change this to Laravel, however I am unsure about that. I will be doing more to the fansite later on, will post updates. [automerge]1723737810[/automerge] [ATTACH type="full"]16223[/ATTACH] [ATTACH type="full"]16224[/ATTACH] Added news to the site, also a comment area - the HabHub avatar API will display your avatar next to your comment automatically, still have to work on the styling of this specific area. [automerge]1723899997[/automerge] [ATTACH type="full"]16235[/ATTACH][ATTACH type="full"]16236[/ATTACH][ATTACH type="full"]16237[/ATTACH][ATTACH type="full"]16238[/ATTACH] Made some changes to the "values" section :) [LIST] [*]Removed previous headings, replaced them with tooltips. [*]Changed the style of the boxes within the main container. [*]Added fixed heights and widths to all images. [*]Added and fixed image size modal [*]Added borders on to the main containers and the containers holding rare items so it didn't look abandoned. [*]Rectangle with "item value:" and "coin" image inside it to keep it from looking untidy. [/LIST] [ATTACH type="full"]16239[/ATTACH] Implemented endpoint for "users online" and displayed it in the appropriate section. To-do: [LIST] [*]add the rest of the endpoints for the specific data. [*]fix news articles area - redesign it [*]Implement and design avatar generator [*]Add more generic content [*]Add content for "Guides" section [USER=97455]@Laravel[/USER] - Pulled me away from basic html/css and introduced me to Vue.JS and TailwindCSS [USER=46853]@cammy[/USER] - Helped me with some design tips/ideas [USER=30923]@Liam[/USER] - Allowing me to make this fansite based on his hotel As for the development of this site, it's not going to stop. I am just not going to post pictures every day of the minor changes I've made, as for the precise reason of not continuously bloating the thread. The fansite will be pretty much ready to be publicised once I have completed the list above. I know it's not the most complicated thing to achieve, but if you were or are like me design was far from my strong suit, the code was messy, all over the place and didn't make sense. I think I done okay, obviously always room for improvements nonetheless. Feedback is important & always welcome! [/LIST] [automerge]1725055861[/automerge] Been a few days since I updated this, however I hope you'll be glad to know that within the last couple of days the entire site has had a complete overhaul. With the generous help of [USER=79628]@Sullivan[/USER] this fan site has turned out exactly how I originally wanted it when I was going-it-alone. We decided to abandon both [B]Vue.JS [/B]& [B]Tailwind CSS[/B] and instead use [B]Laravel[/B], as well as that the CSS itself has been hard coded, with means of better managing the websites style in it's entirety. Every page has been recoded, restyled and better organised to give the fan site I started the look and feel that it desperately needed. [ATTACH type="full"]16327[/ATTACH] [ATTACH type="full"]16328[/ATTACH] [ATTACH type="full"]16329[/ATTACH] [ATTACH type="full"]16330[/ATTACH] [ATTACH type="full"]16331[/ATTACH] [ATTACH type="full"]16332[/ATTACH] [ATTACH type="full"]16333[/ATTACH] [ATTACH type="full"]16334[/ATTACH] [ATTACH type="full"]16335[/ATTACH] [ATTACH type="full"]16336[/ATTACH] [ATTACH type="full"]16337[/ATTACH] [ATTACH type="full"]16338[/ATTACH] [B]So, what's been done?[/B] [LIST] [*]The index was reorganised, repaired & "Latest News" migrated to this page. [*]Values page has been reworked, the data is pulled and updated using an API in real-time & entire page restyled. [*]Avatar generator rebuilt from the ground up & new excitable features implemented, you can now select and apply different backgrounds to go behind your generated avatar, as well as that you can now use your mouse to right-click and hold to move the avatar, and release the mouse button to drop it instantly, Use your mouse scroll wheel to zoom in and out & lastly increase/decrease the size of the generated avatar to however big or small you desire, without distortion or loss of image quality. [*]JavaScript moved from 1 single file & replaced so that each JavaScript feature is inside it's own file, making it easier to maintain, or update at a later stage. [*]Removed the "Latest Photo's" section from the index page until I have an API for it, to pull the latest photos from the actual website, instead of manually saving and putting them on the page 1 by 1. [*]Added templating, everything to do with the fan site can be changed via the [B].ENV file.[/B] [/LIST] I am absolutely amazed personally with the final outcome of this and the rapid progression made in such little time, all whilst being able to expand my current knowledge along the way. This is not the end for this website, more so it's first [B]milestone[/B] if that's what you want to call it & feedback is always welcomed. Again, a huge thanks to [USER=79628]@Sullivan[/USER] I recommend contacting him if you're doing something similar: Discord: [B]gizmo_1813[/B] [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
Server Development
Habbo Retros
Habbo Recruitment
someone interested in a project
Top