Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/siddheshkukade/movie-review-full-stack-java-spring-boot-reactjs
"Movie Review App is a robust full-stack application utilizing Java Spring Boot and ReactJS. It offers seamless user authentication, extensive movie exploration, and interactive review capabilities, enhancing the movie-watching experience." by @SiddheshKukade
https://github.com/siddheshkukade/movie-review-full-stack-java-spring-boot-reactjs
api backend database full-stack j2ee java java8 javascript mongodb react spring-boot
Last synced: 26 days ago
JSON representation
"Movie Review App is a robust full-stack application utilizing Java Spring Boot and ReactJS. It offers seamless user authentication, extensive movie exploration, and interactive review capabilities, enhancing the movie-watching experience." by @SiddheshKukade
- Host: GitHub
- URL: https://github.com/siddheshkukade/movie-review-full-stack-java-spring-boot-reactjs
- Owner: SiddheshKukade
- Created: 2023-10-05T14:13:49.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-05T15:31:45.000Z (about 1 year ago)
- Last Synced: 2024-10-13T04:21:36.702Z (26 days ago)
- Topics: api, backend, database, full-stack, j2ee, java, java8, javascript, mongodb, react, spring-boot
- Language: JavaScript
- Homepage:
- Size: 468 KB
- Stars: 3
- Watchers: 0
- Forks: 14
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie Review App
Welcome to the Movie Review App repository! This full-stack application is built using Java Spring Boot for the backend API and ReactJS for the frontend user interface. The backend utilizes MongoDB Atlas cloud as the database to store and manage movie data and user reviews.
## Demo:
#### Desktop View
#### Mobile View:
Mobile Responsive
#### Writing Reviews:
### Watch Vides Fetched From Youtube and Write reviews:
## Top Features
- **User Authentication**: Secure user authentication system to allow users to create accounts, log in, and manage their profiles.
- **Browse Movies**: Users can explore a vast collection of movies with detailed information.
- **Search Functionality**: A powerful search feature enables users to find movies based on titles, genres, actors, and more.
- **Write Reviews**: Registered users can write and submit reviews for their favorite movies.
- **Rating System**: Users can rate movies and view the average rating given by other users.
- **Responsive UI**: The user interface is responsive and optimized for various devices, ensuring a seamless user experience.
## Installation Steps
### Backend (Java Spring Boot)
1. **Clone the repository:**
git clone [https://github.com/SiddheshKukade/Movie-review-full-stack-java-spring-boot-reactjs.git](https://github.com/SiddheshKukade/Movie-review-full-stack-java-spring-boot-reactjs/edit/master/README.md)
2. **Navigate to the backend directory:**
```
cd movie-review-app/backend
```
3. **Set up MongoDB Atlas:**
- Create an account on [MongoDB Atlas](https://www.mongodb.com/cloud/atlas).
- Create a new cluster and obtain the connection string.
4. **Configure MongoDB Connection:**
- Replace `` in `application.properties` with your MongoDB connection string.
5. **Run the Spring Boot Application:**
```
./mvnw spring-boot:run
```
6. The backend server should now be running at `http://localhost:8080`.
### Frontend (ReactJS)
1. **Navigate to the frontend directory:**
```
cd movie-review-app/frontend
```
2. **Install dependencies:**
```
npm install
```
3. **Set up environment variables:**
- Create a `.env` file in the frontend directory.
- Add the following line to the `.env` file and replace `` with the actual backend API URL (e.g., `http://localhost:8080`):
REACT_APP_API_URL=
4. **Run the React App:**
```
npm start
```
5. The React app should now be running at `http://localhost:3000`.
## Contributing
If you want to contribute to this project and make it better, your help is very welcome. Create a pull request with your proposed changes, and we will review it as soon as possible.
Happy coding! 🚀
@SiddheshKukade