OlgaUsovich / kinogoogle

Graduate work in TeachMeSkills school. React App for serching movies

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Forks Stargazers Issues LinkedIn


Logo

kinogoogle

React App. The best graduate work. My start in the direction of frontend development

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contact

About The Project

Product Name Screen Shot

This is my graduate work on a front-end development course. I really appreciate the knowledge and skills I've got during working on this project.

Here's why:

  • I've got a good practice in working with API
  • I've learned how to work with firebase authentication
  • I've understood that there are thousands of libraries that can help in any issue and learned how to use them on specific examples
  • It was a great opportunity to practice in creating and solving issues

Of course, this project is not so ideal or professional. That's why I keep improving it. You may also help me by opening an issue so I can solve another interesting problem and get some new experience from this.

(back to top)

Built With

  • Typescript
  • React
  • Axios
  • Firebase
  • Redux Toolkit
  • React Hook Form
  • styled-components
  • React Router
  • Framer Motion
  • React Select
  • Redux Persist

(back to top)

Getting Started

Just install the project to see how it works.

Installation

  1. Clone the repo
    git clone https://github.com/OlgaUsovich/kinogoogle.git
  2. Install NPM packages
    npm install

(back to top)

Usage

This is a simple app to view information about movies. Movies can be filtered or found in search.

Product Name Screen Shot

Also you can veiw the full info about movie.

Product Name Screen Shot

There is authentication block where you can sign up to be able to add movies to favorites.

Product Name Screen Shot

You can change authentication data in settings block.

Product Name Screen Shot

(back to top)

Roadmap

  • Add page for empty cards list
  • Add Recomendations on movie page
  • Add pagination on favorites page
  • Improve light theme colors

(back to top)

Contact

Olga Usovich - github.com/OlgaUsovich/ - olya.usovich.17@mail.ru

Project Link: https://github.com/OlgaUsovich/kinogoogle/

(back to top)

About

Graduate work in TeachMeSkills school. React App for serching movies


Languages

Language:TypeScript 98.4%Language:JavaScript 0.6%Language:HTML 0.6%Language:Shell 0.3%