šŸ“½ See the movies that are currently on

Overview

FujiFlix

Um gif apresentando o projeto

Um site de Filmaria que apresenta alguns filmes!!!

Confira a aplicaĆ§Ć£o: https://fujiflix.netlify.app

šŸ“„ ExplicaĆ§Ć£o

O usuĆ”rio acessa a Home e tem uma lista de filmes que podem ser acessados ā€‹ā€‹individualmente apĆ³s clicar no botĆ£o 'Acessar'. O visitante serĆ” redirecionado para a pĆ”gina 'Filme', com a sinopse, imagem e nome do filme escolhido. O usuĆ”rio apĆ³s acessar um filme pode salvĆ”-lo em sua lista de favoritos. Para ver sua lista de favoritos, basta acessar o CabeƧalho, clicando na seĆ§Ć£o 'Favoritos', onde o usuĆ”rio pode deletar o filme e ver detalhes.

O App foi desenvolvido com React, utilizando componentes, rotas e pĆ”ginas. O cabeƧalho foi projetado como um componente fixo em todas as pĆ”ginas. A lista de filmes vem depois que uma API 'Subject Programmer' Ć© consumida pelo Axios e listada com o gancho useEffect assim que a pĆ”gina Ć© iniciada ou recarregada. O usuĆ”rio apĆ³s acessar um filme individualmente Ć© redirecionado para outra rota, essas rotas e links foram introduzidos com o React Router Dom. ApĆ³s o usuĆ”rio ter marcado o filme, ele terĆ” um novo array introduzido em seu LocalStorage, onde todos os filmes que ele marcou sĆ£o armazenados. Eu tambĆ©m usei uma biblioteca chamada React Toastify para melhor desempenho e estilo de 'alerta'.

šŸš€ Tecnologias

No projeto foram utilizadas as seguintes tecnologias:

šŸ¤ Colaboradores

Agradecemos Ć s seguintes pessoas que contribuĆ­ram para este projeto:

Foto do Kayke Fujinaka no GitHub
Kayke Fujinaka

šŸ“ LicenƧa

Este projeto estƔ sob licenƧa. Consulte o arquivo LICENSE para obter mais detalhes.

 

Volte para o topo

You might also like...

A fully responsive React app that allows you to search for movies from Movie Database.

A fully responsive React app that allows you to search for movies from Movie Database (IMDB Alternative).

Jul 16, 2022

This Webapp The Cinema of Movies displays a list of shows

This Webapp The Cinema of Movies displays a list of shows

This Webapp The Cinema of Movies displays a list of shows. The user is able to like any of the movies, and also read more information about each movie once he clicks on the comments button. Also, the user is able to leave a comment about any of the movies.

Mar 16, 2022

Let's Chill is a web application that generates random movies from the tv Maze API.

Let's Chill is a web application that generates random movies from the tv Maze API.

Let's Chill Let's Chill is a web application that generates random movies from the tv Maze API. More information about the API can be found here Built

Aug 6, 2022

A NodeJs service which allows you to create a movie based on it's title (additional movie details will be fetched) and fetch all created movies.

movies-api A NodeJs service which allows you to create a movie based on it's title (additional movie details will be fetched) and fetch all created mo

Mar 27, 2022

An open source movie library platform for viewing movie info and saving movies for later.

An open source movie library platform for viewing movie info and saving movies for later.

GoodWatch An open source movie library platform for viewing movie info and saving movies for later. How to get started? Fork and clone the repo. Then

Apr 28, 2022

Rent-A Movie is a website based on movie renting. The user can leave likes, comments or make reservations for movies they would like to rent. Made using tvMaze API, Involvement API, HTML, SASS and JavaScript

Rent-A Movie is a website based on movie renting. The user can leave likes, comments or make reservations for movies they would like to rent. Made using tvMaze API, Involvement API, HTML, SASS and JavaScript

Rent-A Movie "Rent-A Movie" is a website for movie renting where you can make reservations, add comments & likes or just get details about movies that

Aug 23, 2022

Browse a list of your favorite movies and tv shows on the Steam-It Movie Database.

Browse a list of your favorite movies and tv shows on the Steam-It Movie Database.

Preview Desktop view Stream-It The website allows users to browse a list of movies, like a movie, view and add comments to a movie Built With HTML and

Sep 30, 2022

A CLI to stream movies, TV shows etc. from your terminal, for free.

A CLI to stream movies, TV shows etc. from your terminal, for free.

Streaminal A CLI to stream movies, TV shows etc. from your terminal, for free. Installation Install streaminal globally with npm npm install -g stream

Aug 30, 2022

Movies and series web app developed using NextJS.

Movies and series web app developed using NextJS.

Disney+ Clone Movies and series web app developed using NextJS. Deployed Link : https://disney-clone-ndmiypj8n-suchitd11.vercel.app/ Preview Login Hom

Dec 9, 2022
Owner
Kayke Alves Fujinaka
Eu sou Kayke, tenho 17 anos, sou um Desenvolvedor Front-End que vem aprimorando os conhecimentos em JavaScript, React.JS e Node.
Kayke Alves Fujinaka
Might be mineral fish site in future, idk. Currently just a fish list. Made with Svelte

Might be mineral fish site in future, idk. Currently just a fish list. Made with Svelte. Built version (used at mineralfish.github.io) at the build branch. Build steps and original README below.

Mineral Fish 3 Nov 3, 2022
An extension to Panic's Nova editor currently providing an alternative file browser.

Explorer.novaextension Welcome to the repository of the Explorer Nova extension. The actual extension and its README can be found only one directory a

null 7 Nov 14, 2022
WordPress Gutenberg plugin to display the attributes for the currently selected block in the Document sidebar.

Block X-ray Attributes Stable Tag: 1.2.0 Requires at least: 5.5 Tested up to: 5.9 Requires PHP: 7.2 License: GPL v2 or later Tags: block attributes, g

Sal Ferrarello 38 Mar 18, 2022
coc-pyright-tools is a coc-extension that adds its own functionality to coc-pyright for coc.nvim. Currently the "Inlay Hints", "CodeLens" and "Test Framework commands" feature is available.

coc-pyright-tools !!WARNING!! Inlay hints feature of coc-pyright-tools, have been ported to coc-pyright itself. https://github.com/fannheyward/coc-pyr

yaegassy 5 Aug 23, 2022
The interpretation implementation implemented programming language built for fun. I'm currently boring in full stack web development. So, I crafted this one LoL. šŸ‘»

What's Wuttyi? Everything is expression ?? I just developed this tiny programming language because of boring in higher level programming construct. Mo

Aung Myat Moe 9 Dec 13, 2022
This is a demo for Remix SPA's via Service Worker. (doesn't currently work in Safari)

Welcome to Remix! Remix Docs Development From your terminal: npm run dev This starts your app in development mode, rebuilding assets on file changes.

Jacob Ebey 3 Oct 2, 2022
Explore movies, tv shows. Built with Next.js, Tailwind CSS, Redux, Firebase, TypeScript, TMDB v3 API.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Sinan Bekar 11 Dec 4, 2022
This is a Netflix clone where you can watch movies or series

Netlfix Clone This is a Netflix clone where you can watch movies or series. Visit Now ?? Things I Implemented SignIn/SignUp Movie/Series Filter Watch

Neelesh Singh 3 Dec 1, 2022