open-source-chandigarh / streamix-imdb

Streamix IMDb is an open-source web platform that allows users to explore, rate, and review their favorite movies and TV shows, creating a collaborative space for movie enthusiasts.Contribute to Streamix-IMDb a Hacktoberfes2023 repository

Feel free to contribute! 🌈✨

Streamix IMDb

Streamix IMDb is an open-source web platform that allows users to explore, rate, and review their favorite movies and TV shows, creating a collaborative space for movie enthusiasts.

Features

• Browse Movies and TV Shows: Explore a vast collection of movies and TV shows, including details like cast, ratings, and descriptions.

• Rate and Review: Share your opinions by rating and writing reviews for movies and TV shows you've watched.

• User Profiles: Create and customize your user profile, showcasing your movie preferences and reviews.

• Search and Filter: Easily find specific movies or shows using search and filter options.

• Community Interaction: Connect with other users, follow their reviews, and create a network of movie enthusiasts.

Hacktoberfest 2023

Streamix IMDb is participating in Hacktoberfest 2023, an annual celebration of open source contributions. Join us and contribute to the project to make it even better!

Rules for Contributions

We welcome contributions from developers of all experience levels. Here's how you can get started:

1. Find Issues or Create Your Own: Explore existing issues or create new ones in the repository's Issues tab.

2. Fork the Repository: Click the "Fork" button to create a copy in your GitHub account.

3. Clone Your Fork: Clone your fork to your local machine using git clone.

4. Create a New Branch: Create a new branch for your work with a descriptive name.

      git checkout -b new-branch

5. Make Changes: Implement your desired feature, bug fix, or enhancement.

6. Test and Commit: Ensure your changes work as expected, write clear commit messages, and push your branch to your fork.

7. Open a Pull Request: Create a pull request from your fork to this repository. Provide a concise title and description.

We'll review your contribution and work with you to merge it into the project. Please adhere to our code of conduct and guidelines.

If you have questions or need assistance, feel free to open an issue.

Happy coding and welcome to the Streamix IMDb community!

Prerequisites

• HTML
• CSS
• JavaScript

---

Project By - Harshpreet Singh (https://github.com/harshpreet931) and Harshit Singla (https://github.com/harshit391)

Maintained By - Sahil, Technical Head Open Source Chandigarh (https://github.com/Sa2003hil)

streamix-imdb's Issues

adding code of conduct

you can add code of conduct

Allignment issue in footer

Set the footer according to this image :

Automatic scrolling the generes.

Whenever in generes section, One Video is completed. Let our JS file automatically for our user.

like suppose we viewed video of action genere.
Then our window will automatically scroll to comedy area.

This is a enhancment maybe good for user who is watching full previews.

Enhance the Latest Movies Section UI

Make the UI like this :
With Navigation Feature in horizontal direction !

[BUG]Add Anchor Tag to the Button

Description of the Issue
The "Sign in for more access" button has no link.So add a Anchor tag to it.For the link add this Repos link in the Anchor.

Screenshot

Add Footer Section for Improved User Experience

Make a clean footer for the application.
Footer should include Social Links of Open Source Chandigarh, etc

Develop a carousel slider featuring the latest movies.

Create a feature-rich carousel slider for showcasing the latest movies. Include image transitions, navigation controls, and movie details on hover.
Sample :

Add placeholder message in "Contact us" input

Describe the Issue
To add Placeholder message in the “Contact From” which will help in improving the User experience.

To Reproduce

1. Go to Website
2. Click on ‘Contact’ or scroll down
3. Make changes and help in adding placeholder message there

Screenshots

Add Footer Section for Improved User Experience

Sample :

Remove Underline in the LOGO

Describe the Issue
Remove the Blue underline which is present in the NAV Logo.

Screenshot

[BUG]Add links to the Logo's in Footer

Describe the Issue
1.Social logos in Footer are just Icons.Add Anchor tag to the logos with respective links.
2.Remove the Image in the footer “An AMAZON Company”

Screenshot

[BUG]Arrange the List properly

Describe the Issue
These List items are taking Huge space
Arrange the list in 2 different Row’s

Screenshot

Create Top 5 on IMDb this week (Cards)

Design an attractive and informative set of cards to display the top 5 movies on IMDb for the current week. Each card should include movie posters, titles, ratings, Watch button and brief description.
Sample :

Styles @Contact Us Section

Contact Us section looks messy

. buttons submit and reset follows yellow theme but Our website follow red theme. Buttons can be more fancy.
. whole Contact Us Section must be alligned properly with centre.

(Footer has more bright colors) I maybe unable to fix this.

Contact Us Information

The current "Contact Us" menu doesn't store the messages and information provided by the user. Since it is vital to store information about Contact, I'd love to fix this problem.

Solution: Information can be directly stored in google sheets/excel.
Kindly assign me this work.

Add Top space/margin to the NAV

Description of the Issue
The Nav Bar has no space in the Top.Add Margin/Padding to it and make is feel its separate from top.

Screenshot

Create Top news Section

This issue aims to create a news section which include real-time updates on movies and celebrity-related news, offering users a more comprehensive and engaging experience.Add Horizontal Scrollbar for News Navigation

Sample:

Create Exclusive videos Section

Issue Description:
We want to enhance our platform by adding an "Exclusive Videos" section that allows users to scroll horizontally through a curated collection of video components. Each video component card should include a title and a "Watch" button at the bottom for user-friendly navigation.

Key Features:

1.Horizontal Scrolling: Users should be able to navigate through the exclusive videos section by swiping or using a scroll bar horizontally.

2. Video Component Card: Each video card should consist of:

3.Title: A clear and concise title that represents the content of the video.

4. Watch Button: A prominent "Watch" button at the bottom, which, when clicked, will play the respective video.

5.Responsive Design: Make sure the section and video component cards are designed to be responsive, so they adapt to different screen sizes and devices.

Sample img :

Enhance User Experience by Updating Navigation Bar

Enhance the user experience of our Streamix updating navigation bar.
Add important links in the navbar like "Home", "About us,"Sign In" etc