Giter Club home page Giter Club logo

khrystyna_project_phase_2's Introduction

The Movies of Ukraine

🇺🇦🇺🇦🇺🇦 In this project, you are invited to explore website dedicated to Ukrainian cinema! Dive into a world of captivating Ukrainian movies, where you can access detailed information about each film. You can find it all here, whether you're seeking drama, comedy, or historical epics.

Plus, by signing in, you gain the power to contribute and edit movie details, making your mark on our community. Create an account to discover the rich tapestry of Ukrainian cinema and be a part of a film-loving community.

Visit the website and experience the magic of Ukrainian movies like never before!

Before Logging In: Before Logging In

After Logging In: After Logging In

Setup

  1. Run npm install in your terminal.
  2. Run npm run server. This will run your backend on port 4000.
  3. In a new terminal, run npm start.

Make sure to open http://localhost:4000/movies and http://localhost:4000/users in the browser to verify that your backend is working before you proceed!

Core features

###Users are offered an array of features for both signed-in and guest users.

👤 Before Logging In You Can:

  1. See "Home" page.
  2. Navigate effortlessly through the "Navbar" to access the "Movies" and "Sign In" sections.
  3. Explore captivating movie cards and use genre filters in the "Movies" section.
  4. Click "View info" to delve deeper into individual movie pages.
  5. View movie details and comments. While you can see comments, you must log in to like or comment (a prompt guides you) on the "Movie" page.
  6. Input your username and password, stored in our backend in the "Sign In" section.
  7. Sign in and receive feedback based on your account status.

👤 After Logging In You Can:

Post sign-in, you're redirected to the movie page, streamlining your movie exploration.

  1. Witness Navbar enhancements: "Add New Movie" appears, and "Sign In" transforms into "Sign Out."
  2. On specific movie pages, you can leave comments (username is added by default) and like movies.
  3. Delete comments that you authored;
  4. Input movie details, with the last two fields optional, and enrich our movie catalog in "Add New Movie,"
  5. Log out at any time, ensuring all your contributions are saved on the backend.

Example Of Movie Information You Can Paste In "Add New Movie" Section

Name: Silence

Year: 2021

Genre: Crime, Drama

Description: Dramatic events unfold in Croatia and Ukraine. The first girl drowned, the second one died from a drug overdose. The main suspect in these deaths, however, soon turns out to be innocent - and dead too.

Detailed description: Dramatic events unfold in Croatia and Ukraine. The first girl drowned, the second one died from a drug overdose. The main suspect in these deaths, however, soon turns out to be innocent - and dead too. While detective Vladimir and reporter Stribor struggle to solve these murders in Croatia, the niece of Olga, an Ukrainian philanthropist, goes missing in Kyiv. Olga's Croatian husband, Ivan Hrvatic, one of the most influential people in the city of Osijek, undertakes to help the investigation. But the missing girl is found dead - in Osijek, not in Kyiv. And she is now the third victim. It looks as if a serial killer is operating in Croatia. Vladimir, Stribor and Olga will eventually get to the truth, but not before each of them pays a high price for it. Reporter Stribor will have to trade off his moral principles, and detective Vladimir may have to put his ex-wife in prison for murder. And Olga's happy marriage will soon be under threat because of the shocking story of trafficking weapons and young girls to Europe.

Image: https://m.media-amazon.com/images/M/MV5BOTM5YTFmZjAtZDA0NS00NTk2LThjMWQtYWU1ZTE1MGM1OTIxXkEyXkFqcGdeQXVyNzI1MTM3Njg@._V1_.jpg

I hope you enjoy it ❤️❤️❤️

khrystyna_project_phase_2's People

Contributors

khrystynakla avatar

Forkers

moisesdiaz91

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.