Skip to content

anape03/Techonomy

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Techonomy

A website for an e-shop, made as a university assignment for the lesson "Technologies and Programming of Web Applications" at AUEB.

Description

1st Assignment

The goal was to create a website using HTML5, CSS and JavaScript.

The website was meant to include only static content, without requiring communication with a Web Server in order to perform functions, or dynamically generate web pages.

The assignment consisted of 5 parts, each one advancing the previous ones, and we were asked to deliver each one separately (hence the different folders), which resulted in many re-writes, as each part had to be copied full before making the next.

How to navigate

Open the index file in the root directory, in order to access the different parts.

Prefer:

Prefer to open the index file in part 5 to see the completed website. You can see the signup page clicking on the person icon up right (in part 5 only). To see the pages of the tv product or laptop go from the menu up left to Televisions category and press more info to the first product (same for the laptop). Tap on "more info" on the first product of each category page to view individual product page.

We used:

✓ Flexible design
✓ CSS Grid Layout Module
✓ CSS Flexible Box Layout Module (Flexbox)
✓ Fluid grids
✓ Media Queries
✓ Responsive Images
✓ Constraint Validation API

Sign up page { clicking on the person icon up right (in part 5 only) }

with js:

✓ Check if the two passwords are the same
✓ Check if the first password is okay
✓ Check the size of input file
✓ Make visible/ hide the password input
✓ Ask the user if he is sure to reset the form if they click reset button
✓ Check date input

extra checks with html in signup page and support page.

You can also find the pages

✓ Category tv
✓ Category laptops
✓ First laptop in category laptops has its page clicking on more info
✓ First tv in category tv has its page clicking on more info
✓About our company page (index.html)
✓ Technical Support page(support.html)
✓ Sign up page

About

A website for an e-shop

Topics

Resources

License

Stars

Watchers

Forks

Languages

  • HTML 85.3%
  • CSS 13.8%
  • JavaScript 0.9%