Git Product home page Git Product logo

2021-hiddenmuseum's Introduction

spe-uob.github.io

2021-hiddenmuseum's People

Contributors

118ice avatar 2f42 avatar dependabot[bot] avatar james-millan avatar jieyeyang avatar zxj0904 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

2021-hiddenmuseum's Issues

Secure your application

This week you should begin to secure your application with whatever security you deem appropriate and can justify, this could be an SLL certificate, properly setting up CORS for an API, using JWT to identify users etc.

Create quick preview for list items

When you search for an item, you have the item name at the top of the list item. Then underneath, there should be some text from the information on the item. This is similar to how information is displayed on search engines like Google and Bing.

IBM Cloud Deployments

Hi all,

As you know, we are using IBM cloud this year for hosting web-apps and back-ends.
Some of you have already encountered issues where you are unable to access your apps from the provided URL.

The script has been updated to resolve this.
It now provisions a subdomain per project which will prevent conflicts.

You can download the new script here

The deployment instructions are the same as before.

If you've already created a pipeline then all you need to do is download the new script and commit it and everything will get updated.

If you have any queries or issues with this please feel free to reach out to me either by [emailing [email protected]](mailto:[email protected]?subject=IBM Cloud ) or creating and issue and @-ing me (@danjones1618)

Thanks,
Dan

Create consistent page navigation

Create a means of returning to the home page from a search.
Create a means of returning to search results from an individual item.

Improve Accessibility of HTML

This will be a matter of changing specific elements in all the HTML code using the following rules:

  1. <div class="header"> becomes <header class="header">
  2. <div class="main-navigation"> becomes <nav class="main-navigation">
  3. <div class="content"> becomes main <class="content">
  4. <div class="sidebar"> becomes <aside class="sidebar">
  5. <div class="related-posts"> becomes <section class="related-posts">
  6. <div class="search"> becomes <div class="search" role="search">

Sign appropriate contract

Contracts can be found in the SPE2021 repo under "Project Initiation". You need to select the appropriate contact for your project, have everyone on the team sign it, and then send it to the client to sign.

Connect front and backend and add persistent storage

If applicable - Connect your frontend and backend via something such as a REST API.

Also add persistent storage to your backend, likely in the form of a database. The type of database you choose to use is up to you.

Add CI to your project

Add continuous integration (CI) to your project. circleci.com is a popular option which you may want to look at.

If you do not have permission to add this, have the team secretary message me on teams and I will sort it out.

Create an export button

Export the results to a CSV file and make the user download the file. Will basically have to convert the JSON from request to CSV format. Can possible have two buttons one for JSON and one for CSV

"Pretty" item lookup view

Create a template to be used for viewing individual items

Not as trivial as it would seem on first glance, as the fields of each object are inconsistent. Some are missing images, some are missing authors, etc.

It does not need to be pretty, it just needs to be usable.

Hello World! Running in your chosen stack

This week you should aim to have a “Hello World!” program running in your chosen technology stack. All team members should have this running on their machine to identify any issues.

A README.md with setup and deployment instructions should also be created.

Integrate demo into main project

currently to run the spring boot application, you have to comment out the main class in the main application. Integrate the two systems that were created seperately.

Prepare for presentation/MVP

This is the last week before your presentations are due, try to fix any bugs and finish features before creating your presentation and submitting your MVP checklist.

Add license to GitHub

Between the team and client you should choose a license that suits for your project and add it to your GitHub repo. This website gives some basic guidance but don’t feel limited to licenses shown here https://choosealicense.com

Create documentation

This week you should aim to create some documentation for your project, specifically an architecture, class and sequence diagram.

You should think about creating a ‘docs’ directory to keep your repo organised.

Design and implement a user interface

Currently, the user interface consists of a search bar that leads you to a page of links, which is very clearly not going to be good for a final product.

What we need to do:

  1. Sketch up a basic UI for each view we are going to have
  2. Get approval and feedback on the sketches
  3. Attempt to implement them (this will be a lot of HTML and Thymeleaf)

What we don't need to worry about for this:

  • Aesthetics/styling

Create pages for search results

The search results only list the first ten results. We need to implement the ability to span multiple pages of results and give the user access to them.

Navigation buttons

Create navigation buttons so the user doesn't have to use forward and back buttons on their browser. This will consist of creating two buttons:

  1. a button that goes from search results back to the main page. This will be the easiest to implement.
  2. a button that goes from a specific item back to the search results that the user searched for previously.

You should place these buttons in a

tag in order to maintain the accessibility of the website

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.