Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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)
- Host: GitHub
- URL: https://github.com/jamal-saadeddin/vidly
- Owner: Jamal-SaadEddin
- Created: 2023-01-12T09:33:58.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-11-19T10:37:40.000Z (about 1 year ago)
- Last Synced: 2024-11-19T15:58:10.007Z (3 months ago)
- Topics: code-review, filtrering, javascript, joi-validation, pagination, react, react-hooks, react-router, searching-algorithms, sorting
- Language: JavaScript
- Homepage: https://vidly-appliciation.netlify.app
- Size: 429 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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! 🚀