Giter VIP home page Giter VIP logo

books-website's Introduction

Books-website

live link Here

Team Members :

  • Aya Asqoul
  • Abdullah Muzyed
  • Tuqa Abu Hatab
  • Mohammed Abu Raida

About Book Website

If you want to take an idea about our website, so let read the following abstract : Our website displays a group of books and a summary of them. We started with lists that enable you to navigate the site and look at its contents.

Your guide to using our website is as follows :

  • If you click on the Home menu, you will be presented with the main website page, including all of its sections.
  • If you click on the About Us menu, you will immediately move to the section that talks about us and the goal we are seeking.
  • If you click on the list of Our Books, you will move to the section on books that our website is talking about, and then you will find social networking sites.
  • If you click on the Contact Us menu, it will take you to a new page. You can contact us about any question you want from us.

Our website has four sections :

  1. Home: displays main content of our website.
  2. About Us: introduce our team and the services we provide.
  3. Our Books: displays our book collections.
  4. Contact Us: contains contact form for our customers to contact us any time.

Why did we built Books Website ?

Its aim is to establish a store or a website on the Internet that is designed, displayed and sold on the books, and the website saves a lot of trouble for customers so that anyone can find the book he wants on the site or the book store without facing problems or difficulties only.

How did we start working on this project ?

  1. First we discussed the ideas and agreed on the basic points that support the idea.
  2. We prepared the initial design of our website on papers.
  3. We divided the work between us and every one worked on a section.
  4. We created a repository on Github and we pushed our project's sections.
  5. We reviewed each other's works through github and finally merged the sections to create our website.

books-website's People

Contributors

abdullahmuzyed avatar alaataima avatar ayaasqoul88 avatar mo7mad4 avatar tuqa-yasin avatar

Watchers

 avatar  avatar

Forkers

mo7mad4

books-website's Issues

Colors and Fonts

These are the colors and font-type of our site :

colors :

  • #f6f5f5
  • #d3e0ea
  • #1687a7
  • #276678

Font Type :

font-family:

  • 'FontAwesome';

Our Books section

Main Tasks

The Our Books section contain the following:

  • CSS style >> flexible
  • HTML code for Our Books section>> image+text
  • Footer section >> social media and contact and copywrite

Project Feedback

Good job at your first project ๐Ÿ‘

But, There are some points that would be awesome to get enhanced ๐Ÿ‘‡ :


File Structure ๐Ÿ“š

  • Create a folder for all html files except the main index file leave it at the root.
  • Create a folder for all css files.
  • Create a folder for all images.

Technical issues ๐Ÿ’ป

  • Responsive needs to be improved for most sections.
  • Use just one media query for the same screen width and add all edits once.
  • Try to use flex always and reduce the use of position & float if not needed.
  • There are some repeated code.
  • Use the short syntax with css properties such as : margin, background .
  • Css code should be more organized.

Team work ๐Ÿ‘ฌ

I see that there is a commitment gap affecting your project and as a result you are not getting the desired results as you planned.

So, Every team member should know that :

  • As a team, you should always trust your teammate, all of the members should work together to get the final product.
  • Every member has a role that will affect positively or negatively on the project based on his/her commitment.

๐ŸŽฏ Note :

  • See the general rules here and follow them with the next projects.

General Notes

General notes ๐Ÿšง

  • Make sure that you take enough time for the planning phase, draw the initial screens (wireframes)
  • Agree on the Style guide ( Branding -> Colors, fonts, and pictures).
  • Keep it consistent:
    If you get to set the rules for the project or are working alone, then the most important thing to do is to keep things consistent. Consistency can be applied in all sorts of ways, such as using the same naming conventions for classes, choosing one method of describing color, or maintaining consistent formatting (for example will you use tabs or spaces to indent your code? If spaces, how many spaces?)
  • Use a consistent layout for the whole project.

  • Agree on the File structure.

  • Naming Branches

follow this style

Action/Name of section
Example : update/header-section
number of issue-Action-name of section
Example : 12-create-header-section

  • When the team reviews the pull-request :
  1. Read and test the code, pull it to your local machine
  2. if you have any comments and there is sth you want it to change write it and change the label to `change-request
  3. When you get the approval from the team leader and one of the members, the label will change to approved and you can merge your pull-request.
  4. Delete the branch
  5. In the issue change the label to Done
  6. Close the issue

DONE


Steps you should follow when you will start working on an issue and create a pull request :

  • Assign yourself in the issue you will work on it and add the label in-progress
  • Create a new branch and be sure that it's up to date with the main branch
  • Time Estimation
    try and include a time estimating for every issue, even if you are not sure.
    There are 5 built-in time labels:
  • T1d: 1 day
  • T1h: 1 hour
  • T2h: 2 hours
  • T4h: 4 hours (half-day)
  • T25m: 25min

When completing issues please leave a comment with the time actually taken to complete the issue.


Start Working

  • Write a descriptive commit to show what you did and add the issue number to every important commit.
  • In the description, write what you did and what you change, and how we can test it.
  • Request a review from the lead mentors and team members.
  • Add the label awaiting-review and wait or start working on other things.

Create Page Talk us

Main Task

  • Create The same Header But it will change Navbar ( id Talk Us, page #index.html)
  • create<Form> (Name, Email, Phone, and Massage)
  • Create The same Footer

About US

Description of the working group

  • who are we ?
  • What we do ?

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.