Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raihan2bd/filmwise-front
A full stack project build with Golang(Go), PostgreSQL, React, Redux, TypeScript, Html and CSS. Your Ultimate Movie Hub. Experience movies like never before, the web application that lets you dive into detailed movie information, share your thoughts through comments and reviews. Discover, discuss, and decide on your favorite films all in one place.
https://github.com/raihan2bd/filmwise-front
css html react redux rtk-query tailwindcss typescript
Last synced: about 6 hours ago
JSON representation
A full stack project build with Golang(Go), PostgreSQL, React, Redux, TypeScript, Html and CSS. Your Ultimate Movie Hub. Experience movies like never before, the web application that lets you dive into detailed movie information, share your thoughts through comments and reviews. Discover, discuss, and decide on your favorite films all in one place.
- Host: GitHub
- URL: https://github.com/raihan2bd/filmwise-front
- Owner: raihan2bd
- License: mit
- Created: 2023-08-24T12:13:42.000Z (about 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-09-25T13:43:28.000Z (about 1 year ago)
- Last Synced: 2024-04-22T06:00:46.633Z (7 months ago)
- Topics: css, html, react, redux, rtk-query, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://filmwise-front.vercel.app
- Size: 20.2 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
FilmWise
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [ Filmwise Front ](#-My-Blog-App-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Deployment](#deployment)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
# Filmwise Front
FilmWise: Your Ultimate Movie Hub. Experience movies like never before with FilmWise, the web application that lets you dive into detailed movie information, share your thoughts through comments and reviews, and connect with fellow cinephiles. Discover, discuss, and decide on your favorite films all in one place. if you want to see the `Back-end` part, you can click [here](https://github.com/raihan2bd/filmwise)
## 🛠 Built With
### Tech Stack
Front End
- React
- Redux
- TypeScript
- Tailwind
- Html
- CSS
Back End
- Golang(go)
- PostgreSQL
- JWT Authentication
- Discover detailed movie information, from plots to cast.
- Engage in vibrant discussions by commenting on movies.
- Add your personal reviews to contribute to the community.
## 🚀 Live Demo
- Project Overview:
- [Live Demo Link](https://filmwise-front.vercel.app/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- First of all, To run the front end you need to run the [back end](https://github.com/raihan2bd/filmwise) on your local machine.
- Then Make sure you have installed [NodeJs](https://nodejs.org).
- Then make sure you have installed [TypeScript](https://www.typescriptlang.org/)
- Make sure you have installed [React](https://reactjs.org/) on your local machine if you want to use this project locally.
### Setup
- Then you need to clone the project on your local machine⬇️
``` bash
git clone https://github.com/raihan2bd/filmwise-front.git
```
- After that you need to create a `.env` file and then add an environment variable called `VITE_API_BASE_URL` this is the base (back-end) URL For Example ⬇️
```
VITE_API_BASE_URL=http://localhost:4000/v1
```
### Install
- To install all the npm packages navigate to the folder address on your terminal and enter the below command ⬇️
``` bash
npm install
```
### Usage
To run the development server, execute the following command:
```sh
npm run dev
```
### Deployment
For deployment, you can use [Render](https://vercel.com/)
👤 **Abu Raihan**
- GitHub: [@raihan2bd](https://github.com/raihan2bd)
- Twitter: [@raihan2bd](https://twitter.com/raihan2bd)
- LinkedIn: [raihan2bd](https://linkedin.com/in/raihan2bd)
👤 **Hassaan Baig**
- GitHub: [@Hassaanjbaig](https://github.com/Hassaanjbaig-code/)
- LinkedIn [Hassan Baig](https://linkedin.com/in/hassaan-jawwad=baig)
- [ ] **Improve user experience**
- [ ] **Add edit movie functionality**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/raihan2bd/filmwise/issues).
If you like this project, please leave a ⭐️
We want to give a big thanks to Microverse for giving us the chance to achieve this milestone
This project is [MIT](./LICENSE) licensed.