React
Member
- Sep 17, 2023
- 202
- 87
Hi guys, to better my current knowledge i am working on a fan site for the new & official
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.
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:
Furniture page (design unfinished.):
Values page, worked on style, still work to do.
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 - React23 is my Discord.
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.
Removed the HabHub's Latest Rare 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.
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.
Made some changes to the "values" section
Implemented endpoint for "users online" and displayed it in the appropriate section.
To-do:
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 @Sullivan this fan site has turned out exactly how I originally wanted it when I was going-it-alone.
We decided to abandon both Vue.JS & Tailwind CSS and instead use Laravel, 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.
So, what's been done?
Again, a huge thanks to @Sullivan I recommend contacting him if you're doing something similar:
Discord: gizmo_1813
You must be registered for see links
owned by @Liam .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.
- 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
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:
You must be registered for see images attach
You must be registered for see images attach
Furniture page (design unfinished.):
You must be registered for see images attach
Values page, worked on style, still work to do.
You must be registered for see images 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 - React23 is my Discord.
Post automatically merged:
You must be registered for see images 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.
Post automatically merged:
You must be registered for see images attach
You must be registered for see images attach
Removed the HabHub's Latest Rare 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.
Post automatically merged:
You must be registered for see images attach
You must be registered for see images 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.
Post automatically merged:
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
Made some changes to the "values" section
- 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.
You must be registered for see images attach
Implemented endpoint for "users online" and displayed it in the appropriate section.
To-do:
- 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
@Laravel - Pulled me away from basic html/css and introduced me to Vue.JS and TailwindCSS
@cammy - Helped me with some design tips/ideas
@Liam - 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!
Post automatically merged:
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 @Sullivan this fan site has turned out exactly how I originally wanted it when I was going-it-alone.
We decided to abandon both Vue.JS & Tailwind CSS and instead use Laravel, 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.
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
You must be registered for see images attach
So, what's been done?
- 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 .ENV file.
Again, a huge thanks to @Sullivan I recommend contacting him if you're doing something similar:
Discord: gizmo_1813
Last edited:
