{"id":20622311,"url":"https://github.com/AdrijaDastidar/Movie-Frontend","last_synced_at":"2025-05-10T03:33:16.868Z","repository":{"id":257019235,"uuid":"856881449","full_name":"AdrijaDastidar/Mern-Movie","owner":"AdrijaDastidar","description":"Book Your Next Blockbuster Experience in Just a Click!","archived":false,"fork":false,"pushed_at":"2024-11-13T14:38:09.000Z","size":30695,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-13T15:18:43.882Z","etag":null,"topics":["expressjs","jwt-authentication","mongodb","nodejs","reactjs","taillwindcss"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AdrijaDastidar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-13T11:40:31.000Z","updated_at":"2024-11-13T14:38:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"499122bc-3d83-4483-9bba-31e9142091a5","html_url":"https://github.com/AdrijaDastidar/Mern-Movie","commit_stats":null,"previous_names":["adrijadastidar/mern-movie"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdrijaDastidar%2FMern-Movie","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdrijaDastidar%2FMern-Movie/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdrijaDastidar%2FMern-Movie/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdrijaDastidar%2FMern-Movie/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AdrijaDastidar","download_url":"https://codeload.github.com/AdrijaDastidar/Mern-Movie/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224913357,"owners_count":17391129,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["expressjs","jwt-authentication","mongodb","nodejs","reactjs","taillwindcss"],"created_at":"2024-11-16T12:22:07.338Z","updated_at":"2025-05-10T03:33:16.857Z","avatar_url":"https://github.com/AdrijaDastidar.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"---\n\n### **🎬 All-in-One Movie Website - Frontend**\n---\nbackend - https://github.com/AdrijaDastidar/Movie-Backend\n\n## 📜 Table of Contents\n- [Introduction](#introduction)\n- [Features](#features)\n- [Tech Stack](#tech-stack)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Screenshots](#screenshots)\n- [Future Enhancements](#future-enhancements)\n- [Contributing](#contributing)\n- [Contact](#contact)\n\n---\n\n## 📝 Introduction\nThe **All-in-One Movie Website** is a comprehensive platform that combines movie recommendations, ticket booking, and streaming in a single, user-friendly application. Built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, this project leverages AI and machine learning algorithms to offer personalized movie recommendations. The frontend of this platform is designed to deliver a seamless and responsive user experience, with a focus on intuitive navigation and dynamic content display.\n\n---\n\n## ✨ Features\n- **Personalized Movie Recommendations**: Uses AI/ML algorithms for content-based and collaborative filtering.\n- **Movie Booking System**: Users can select seats, book tickets, and complete payments seamlessly.\n- **Payment Gateway**: Used RazorPay payment gateway API to complete payments seamlessly.\n- **User Authentication**: Secure login and registration with JWT-based authentication.\n- **Admin Panel**: Manage movie content, view user bookings, and monitor stats.\n- **Responsive Design**: Optimized for desktop and mobile devices.\n\n---\n\n## 🛠️ Tech Stack\n- **Frontend Framework**: React.js\n- **Styling**: Tailwind CSS\n- **State Management**: React Redux\n- **Authentication**: JWT (JSON Web Tokens)\n- **Backend API**: Node.js \u0026 Express.js (separate repository)\n- **Database**: MongoDB and Neo4j (used via API)\n\n---\n\n## 🛠️ Installation\n\n### Prerequisites\n- Node.js (\u003e= 14.x)\n- npm or yarn\n\n### Step 1: Clone the Repository\n```bash\ngit clone https://github.com/yourusername/all-in-one-movie-website.git\ncd all-in-one-movie-website-frontend\n```\n\n### Step 2: Install Dependencies\n```bash\nnpm install\n```\n\n### Step 3: Setup Environment Variables\nCreate a `.env` file in the root directory and add the following:\n```\nREACT_APP_API_URL=http://localhost:5000\nREACT_APP_JWT_SECRET=your-jwt-secret\n```\n\n### Step 4: Run the Development Server\n```bash\nnpm run dev\n```\nThe application will be available at `http://localhost:3000`.\n\n---\n\n## 🚀 Usage\n- **Home Page**: Browse top movie recommendations tailored to your preferences.\n- **Book Tickets**: Navigate to the booking page, select a movie, choose your seats, and complete the payment process.\n- **Stream Movies**: Access the streaming page for movies you have booked.\n- **Admin Dashboard**: Log in as an admin to manage movies, bookings, and user data.\n\n---\n\n## 🔮 Future Enhancements\n- **Advanced Recommendations**: Integrate deep learning models for more accurate suggestions.\n- **Social Features**: Allow users to share movie reviews and ratings.\n- **Third-Party Integrations**: Expand streaming options with external services like Netflix or Amazon Prime.\n- **Enhanced Security**: Implement two-factor authentication (2FA) for user accounts.\n- **Mobile App**: Develop a React Native version for iOS and Android.\n\n---\n\n## 🤝 Contributing\nWe welcome contributions from the community! If you'd like to contribute, please follow these steps:\n1. Fork the repository.\n2. Create a new branch (`git checkout -b feature/your-feature-name`).\n3. Commit your changes (`git commit -m 'Add new feature'`).\n4. Push to the branch (`git push origin feature/your-feature-name`).\n5. Open a Pull Request.\n\n---\n\n## 📧 Contact\nFor any questions or suggestions, feel free to reach out:\n- **Adrija Dastidar** - adrijadastidar@example.com\n- **GitHub**: [AdrijaDastidar](https://github.com/AdrijaDastidar)\n\n---\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAdrijaDastidar%2FMovie-Frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAdrijaDastidar%2FMovie-Frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAdrijaDastidar%2FMovie-Frontend/lists"}