This is a front-end project based on a React YouTube list by midudev. The application is a Giffy app where users can log in, mark gifs as favorites, and filter by name or tags. The project was developed using Typescript.
The project is intended to being developed keeping in mind the principles of clean architecture, which implies separating the application into different layers, each with its own responsibilities and dependencies.
If you are interested in this course you can check it here.
These are some of the main techs and libs that I used for this project:
- User authentication and authorization.
- Ability to mark gifs as favorites.
- Filter gifs by name or rating.
This app is deployed at Vercel. Please check it in the following link: ⬇️⬇️⬇️
Any feedback is welcome 😉
For this project I used v18.14.2 of NodeJS. There is a .nvmrc file to select the correct version with nvm.
To do this in Windows open a PowerShell terminal in the project directory and run nvm use $(Get-Content .nvmrc)
.
In Linux or Mac, open a terminal in the project directory and run nvm use
.
If you don't have nvm installed in your computer, ensure that you have that specific node version.
See nvm or nvm-windows for more info.
npm i
ornpm install
to install the necessary dependencies.npm run dev
to launch the application in your browser.