Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jamal-saadeddin/vidly

Vidly is small movies app, build throughout React course in order to learn react skills (Pagination, Filtering, Sorting, Searching, React Routing)
https://github.com/jamal-saadeddin/vidly

code-review filtrering javascript joi-validation pagination react react-hooks react-router searching-algorithms sorting

Last synced: 16 days ago
JSON representation

Vidly is small movies app, build throughout React course in order to learn react skills (Pagination, Filtering, Sorting, Searching, React Routing)

Awesome Lists containing this project

README

        

# . Vidly

Vidly is a small movie application built throughout the React course offered by [Code with Mosh](https://codewithmosh.com). This project was created to enhance React skills, including pagination, filtering, sorting, searching, and React routing.

## Project Link

[Vidly-Application](https://vidly-appliciation.netlify.app/)

## Getting Started

To run this application locally, follow these steps:

1. Clone the repository to your local machine:

```bash
git clone https://github.com/Jamal-SaadEddin/Vidly.git
```

2. Navigate to the project directory:

```bash
cd vidly
```

3. Install the project dependencies:

```bash
npm install
```

4. Start the development server:

```bash
npm start
```

This will launch the application in development mode and open it in your default web browser at [http://localhost:3000](http://localhost:3000).

## What I've Learned throughout this course

- Build and deploy fast and interactive React apps with confidence
- Build reusable components
- Build tables and lists with pagination, sorting and searching
- Build forms with validation using Joi
- Implement routing with React Router
- Handle and log errors effectively
- All about Function Components and Hooks
- Write clean, maintainable code like a pro
- VS Code shortcuts to write more code in less time
- And much, much more!

## Course Link

[Mastering React 16](https://codewithmosh.com/p/mastering-react)

## Acknowledgments
A special shoutout to [Mosh Hamedani](https://github.com/mosh-hamedani) for his exceptional teaching style and dedication to providing a comprehensive learning experience. Grateful for the insights and knowledge gained throughout the course.

Happy coding! 🚀