Skip to content

andrecampll/next-ifood

Repository files navigation

iFood 🍔

This repository refers to a Front-end Clone of the iFood application made with Next.js 🚀

Proposal 🔥

This project is a study of the iFood interface. The idea is to simulate a food delivery application, bringing data from a fake API and integrate the information available on screen, such as the restaurants available to the customer. The difference of this project is the responsive mode built for all mobile devices and the pages built using Server Side Rendering (SSR).

Tecnologies 🚀

Next.js ⚛️
React ⚛️
Redux ⚛️
Redux Saga ⚛️
Styled-Components 💅🏻
React Icons ⚛️❤️
Typescript 🦕

Result 🤓

How to get this repository? 🤔

To obtain this project, follow the steps:

  1. Clone this repository using git clone .
  2. Run the yarn command at the root of the cloned project folder to download the dependencies.
  3. Run npx json-server server.json -p 3333 at the root of the project folder to initialize the Fake API.
    (if you want, you can use the public api url managed by My JSON Server, which comes by default in the api.ts file)
  4. Run yarn dev at the root of the project folder to start the application in development mode.
  5. Open the application in your emulator. 🚀

How to contribute? 😍

Fork this repository

# Clone your fork
$ git clone your-fork-url && cd next-ifood

# Create a branch with your feature or bug fix
$ git checkout -b my-branch

# Commit your changes
$ git commit -m 'my changes'

# Push your branch
$ git push origin my-branch

Delete your branch, if you want, when your pull request merge.

Made with 💜 by andrecampll .