Front-end technical challenge for the ReciMe selection process. The goal is to develop a main page that showcases trending hamburger recipes, with the ability to filter them by difficulty level—easy, medium, or hard—using the styled-components library for styling.
- The first step is to install Git on your computer if you haven't done so already.
- The packages we'll be using during the development of this project will be managed by the Node Package Manager (NPM), so we'll need to install it. Go to the official Node.js website to install the LTS version. When you install Node.js, NPM is also installed on your computer as part of the same package.
- Additionally, it's useful to have a good text editor to work with the code, such as VSCode or Neovim.
- Open your terminal and clone this repository:
git clone https://github.com/MayllaRabay/recime-challenge.git
- Navigate to the project folder:
cd recime-challenge
- Download all application dependencies and packages:
npm install
- Run the application in development mode:
npm run dev
- The application will open on port 3000. Access it in your browser: http://localhost:3000
Made with 💜 by Maylla Rabay