123Movies

About:

A website for searching about movies , allows users to search any movie they want and display information and image for its.

User journey:

• As a user I want to search for a movie by putting the name of it in the place of search, the user will see details about it.
• As a user I want to add a moive through add button .

Site Link in Heroku :

123Movies

Site design :

Architecture :

• Front-End :

  we create public folder and put inside its folders like :

  • css :

    style.css

    resets.css

  • js :

    dom.js

    fetch.js

  • index.html

• Back-End:

  we create src folder and put folders in its like :

  • database :

    db_build.js

    db_build.sql

    db_connection.js

  • queries :

    getMovies.js

    postMovies.js

  • handlerfunction :

    search.js

  • Server :

    server.js

    router.js

    handlers.js

  • Test :

    test.js

• Database schema:

• HTML structure : our website is a page contains a title for website with background , then will find a box to enter the name for the movie in the same line have a button to search for the movie and button to add movies .

How to run our site on your machine?

1- Clone this repo.

2- Open your command line.

3- Put in terminal : npm install.

4- Then put in terminal : npm run nodemon to run the server.

5- Open your browser and put in terminal: localhost:4001.

Movies Names:

The user can search for serveral movies like:

-StudentOfTheYear

-Omar

-Shaandaar

-Zana et Settat

Travis CI:

Team Member:

• Shaima' Azmi
• Safa amro