Coder Social home page Coder Social logo

gallery-project-group7's Introduction

Gallery-project-Group7

Group memembers : Kelly, Remon, Maksim, Samira, Brenda(Shijing) Version 1.0.0 2020-10

Open page with VS live server.

make sure your tages name use semantic tags!

Sign in/up and password reset page, use css/authentication.css to style css.

index.html is home page.

general.css put global css files. And each specific css related to same name of html file.

Copy your local images to image folder. Make sure named specifically, please don't name like 1.png or 2.jpg etc.

js folder for future use. adding javascript files.

Include your css file to your html files in the before push to github.

Admin pages are admin_main1.html and admin-category.html

Folder structure:

Each page has html file.

For css folder: general.css including header, navbar and footer style and will be included in each html file.

In css folder each html page related to one css file, such as gallery.html -> gallery.css.

Js folder included all js functions for different pages. index.js has slider feature for home page, data.js stored the submenu list info. admin.js -->admin-main1.html and admin->category.html. (admin-main.html is our old version, not be included for current version). category-people.js for category-people.html page. submenu.js for display submenu feature.

images folder included all images for our project.

Regarding to our current project instruction, there are several extra features we added:

Consider adding a submenu for nav bar items, adding this menu info by using data.js file instead of editing code in each html file. More convenient for maintenance in future.

Consider adding sign up, forget password and login page before jump into admin dashboard. Make a correct flow for web design user experience. For most of team members doing their practice, we build 4 different styles about gallery category pages.

Add mobile version hamburger menu for nav bar.

Consider UX for each page. (All contents are in containers, try to display all info in the middle of the page. Not very wide. )

Adding social media icons to link to different social platform.

gallery-project-group7's People

Contributors

shijing0628 avatar skhakshoor avatar north-wedev avatar whitek9 avatar maksvet avatar

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.