20bbrown14 / digital-terrain-mc-js Goto Github PK
View Code? Open in Web Editor NEWJavascript for the Digital Terrain MC Server Website
License: MIT License
Javascript for the Digital Terrain MC Server Website
License: MIT License
This page should include all the rules and guidelines for the server. Most of that can be found here https://docs.google.com/document/d/13c8q0ywh6HO8A-fBFhdXWLFej-lH3cMSa3ua_mLh_mY/edit?usp=sharing and should be made to look better than just a words on the screen. Maybe have collapsing sections?
Sometimes when the screen is too small the nav menu twitches as it reaches break points. May be relaated to #17
The home page links are unclickable, and only highlightable, on mobile unless a menu item has already been selected
We need to add something akin to "Server Information" to the navigation menu.
This page will include information the server owners, mods, and some of our more veteran players. We'll include their names, MC heads, and links to social media or the like if they are interested in having those linked. We'll need to compile all this information so we know what will need to be added. We'll need to make sure to make this easily maintainable as we'll likely need to add or remove players as needed.
Currently there is nothing on the homepage of the website. The content here should be the title of the server, include a short description of the server, and maybe some images or something. Some of the stuff here may be dependent on future plans. Obviously we can add more later.
There are no wireframes or UI mockups. Just... kinda winging it
As a user I need to see information on the homepage so I can more easily tell what website I am on and get a good introduction to the server.
The collapsed menu option shouldn't show the menu items "title" or "icon" since they're not really options. In the full menu header "title" is selectable but will have the same functionality as "home" and shouldn't be included in the collapsed menu on smaller screens. Likewise, the bee icon is never
selectable and shouldn't be included in the collapsed menu on small screens.
Currently services are written with mostly the same pattern. Can consolidate them
Currently the admin container and view are absurdly large and hard to read and follow. SHould break it up and make it a lot easier to maintain. The corresponding test file as well.
This issue is blocked by #10
The server information should include things like points of interest on the server, maybe some screenshots, rules about the area maybe. We can dive into this more closely in the future as well as compile all the information that should be here.
People should be able to navigate using the menu header, right now there is no functionality with it. Adding placeholders if the page doesn't exist yet should be okay. Need to make sure of the follow:
This issue will involve state management and plenty of functional testing as well as adding react component that don't exist yet.
As a user I need to be able to use the menu head to navigate through the website.
I would like the gallery of the webpage to show thumbnails of images (retrieved from the database) that the user can hover on to show emphasis, and click on to show a larger version of. They should also have the ability to easily download the image if they want to. There should also be a way for the user to submit new images (which will be up for approval).
This issue will likely need to be split up into a few more smaller issues.
The browser's address bar should update to include a path for that of whatever page the app is currently displaying. Since this is a single-page web app we'll need to force this.
Home page: /
Gallery Page: /gallery
Map Page: /map
Rules Page: /rules
Server Information Page: /info
Apply page: /apply
About us page: /about
Sometimes I might want to keep the image in S3 without showing it in the gallery page. Should add that functionality.
If, for some reason, there are no images to display on the gallery we should have a default message indicating such
We should have a reusable component that can display images and scroll through images using arrow keys.
We can use the ant-design modal https://ant.design/components/modal/
The component should take in at least an array of images to display, should also take in a function for what to do if all images have been scrolled through by a user. For instance, if all the original images passed in have been scrolled through and the user scrolls again, it could attempt to load more images or just loop.
This component will be used in almost all cases where an image is being displayed on the website. This will allow the users to see a larger version of the image.
The "apply" page should include a form for people to apply on to be able to play on the server. The form should include options for users to enter short answers for: In-game name, preferred play-style, why they want to join this server, and what they do in their free time. They should also be provided a numeric field to enter their age.
This content should be saved and will eventually have a review process for admins to review the app.
"About us" I think more exemplifies what will be on this page.
Related: #13
The content of the map page should show the Dynmap from the minecraft server (You can see it here http://digitalterrain.mcpro.io:4492/index.html). There should be a title and make it not look cluttered OR that they've accidentally navigated to a different site.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.