https://github.com/design-sparx/flick-city
An entertainment recommendation website built using React, Typescript & Mantine
https://github.com/design-sparx/flick-city
entertainment entertainment-website mantine-ui movie-recommendation movies react react-router reactjs
Last synced: 3 months ago
JSON representation
An entertainment recommendation website built using React, Typescript & Mantine
- Host: GitHub
- URL: https://github.com/design-sparx/flick-city
- Owner: design-sparx
- License: mit
- Created: 2022-10-18T19:32:03.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-10-29T16:28:26.000Z (over 2 years ago)
- Last Synced: 2024-04-18T06:04:53.509Z (about 2 years ago)
- Topics: entertainment, entertainment-website, mantine-ui, movie-recommendation, movies, react, react-router, reactjs
- Language: TypeScript
- Homepage: https://design-sparx.github.io/flick-city/
- Size: 12.8 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Flick city entertainment application
[Online Demo](https://kelvink96ltd.github.io/flick-city/ "Online Demo")
### About:
This is a web application built using React (Create React App), template - Typescript.
#### Available Pages
1. Home - landing page
2. Categories - lists all items based on categories, i.e. movies, upcoming, podcasts, tv series & video games
3. List - lists all items based on the sections selected on the home page
4. Search
4. Movie title - displays a selected movie information
5. Actor - displays an actor's basic information
#### APIs
The data on the application is from the following endpoint - https://rapidapi.com/SAdrian/api/moviesdatabase
### Tech Stack:
- embla-carousel-react v7.0.3 - https://www.embla-carousel.com/get-started/
- mantine v5.5.0 - https://mantine.dev/pages/getting-started/
- react v18.2.0 - https://reactjs.org/docs/getting-started.html
- react-router-dom v6.4.1 - https://reactrouter.com/en/main
- react-icons v4.4.0 - https://react-icons.github.io/react-icons/
- react-photo-view v1.2.2 - https://react-photo-view.vercel.app/
- use-query-params v2.1.1 - https://github.com/pbeshai/use-query-params#readme
- react-helmet v6.1.0 - https://github.com/nfl/react-helmet#readme
**Dev dependencies**
- eslint v8.0.1 - https://eslint.org/docs/latest/user-guide/getting-started
### Screenshot
### Software
Before proceeding, please ensure you have the following software installed on your computer.
- Node
- Yarn (optional but recommended)
- Git command line tools
### Useful links
- Download Git cli -
- Windows: https://git-scm.com/download/windows
- Mac: https://git-scm.com/download/mac
- Download Node - https://nodejs.org/en/
- Download Yarn cli - https://yarnpkg.com/lang/en/docs/install/
- Download VSCode - https://code.visualstudio.com/
### Getting started
Please fork a copy of this repository. Forking a repository allows you to freely experiment with changes without affecting the original project. Alternatively download or clone the master branch.
##### Download & Install Dependencies on your machine
Clone the repo to your machine
`git clone `
##### Launch the frontend
1. Open a new terminal window and navigate in your root folder
`cd <../root>`
`yarn install OR npm install`
2. Run the start script
`yarn run start OR npm run start`
Your app should be running on: http://localhost:3000
### Versions
v1.0
- Default project implementation
### Authors
1. Kelvin Kiptum Kiprop - https://github.com/kelvink96
### License
This project is licensed under the MIT License - see the [LICENSE](https://github.com/kelvink96ltd/flick-city/blob/master/LICENSE.md) file for details