/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.

Primary LanguageTypeScriptMIT LicenseMIT

FilmWise

πŸ“— Table of Contents

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

πŸ›  Built With

Tech Stack

Front End
  • React
  • Redux
  • TypeScript
  • Tailwind
  • Html
  • CSS
Back End
  • Golang(go)
  • PostgreSQL
  • JWT Authentication

Key Features

  • 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.

(back to top)

πŸš€ Live Demo

  • Project Overview:

Capture

Capture2

Capture3

Capture4

Capture5

Capture6

Capture7

Capture8 Capture9

(back to top)

πŸ’» Getting Started

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 on your local machine.
  • Then Make sure you have installed NodeJs.
  • Then make sure you have installed TypeScript
  • Make sure you have installed React on your local machine if you want to use this project locally.

Setup

  • Then you need to clone the project on your local machine⬇️
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 ⬇️
npm install

Usage

To run the development server, execute the following command:

npm run dev

Deployment

For deployment, you can use Render

(back to top)

πŸ‘₯ Authors

πŸ‘€ Abu Raihan

πŸ‘€ Hassaan Baig

(back to top)

πŸ”­ Future Features

  • Improve user experience
  • Add edit movie functionality

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, please leave a ⭐️

(back to top)

πŸ™ Acknowledgments

We want to give a big thanks to Microverse for giving us the chance to achieve this milestone

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)