All Projects → andrecampll → next-ifood

andrecampll / next-ifood

Licence: MIT license
Ifood clone made with NextJS ⚛️

Programming Languages

typescript
32286 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to next-ifood

gostack-rocketshoes-react
👞 Sample store built with Redux and Redux-Saga
Stars: ✭ 35 (-48.53%)
Mutual labels:  redux-saga, json-server
react-native-ecommerce
E-commerce mobile application developed using React Native 👔 🎩
Stars: ✭ 60 (-11.76%)
Mutual labels:  redux-saga, json-server
Redux Saga Thunk
Dispatching an action handled by redux-saga returns promise
Stars: ✭ 212 (+211.76%)
Mutual labels:  redux-saga
spotify-release-list
📅 Display list of Spotify releases from artists you follow
Stars: ✭ 142 (+108.82%)
Mutual labels:  redux-saga
react-ts-sample
sample tech stack with react and typescript
Stars: ✭ 26 (-61.76%)
Mutual labels:  redux-saga
Arc
React starter kit based on Atomic Design
Stars: ✭ 2,780 (+3988.24%)
Mutual labels:  redux-saga
react-truffle-metamask
Build an DApp using react, redux, saga, truffle, metamask
Stars: ✭ 25 (-63.24%)
Mutual labels:  redux-saga
Digag Pc React
digag pc website based on react.
Stars: ✭ 209 (+207.35%)
Mutual labels:  redux-saga
media-library
An online media library application with React, Redux and redux-saga
Stars: ✭ 27 (-60.29%)
Mutual labels:  redux-saga
head-start
A boilerplate for React applications with an Express backend with a simple user registration/login
Stars: ✭ 24 (-64.71%)
Mutual labels:  redux-saga
dont-waste-your-ducking-time
🐓 An opinionated guide on how to test Redux ducks
Stars: ✭ 28 (-58.82%)
Mutual labels:  redux-saga
react-redux-hackernews
React Redux Hackernews Application
Stars: ✭ 19 (-72.06%)
Mutual labels:  redux-saga
handwritten-digit-recognition-tensorflowjs
In-Browser Digit recognition with Tensorflow.js and React using Mnist dataset
Stars: ✭ 40 (-41.18%)
Mutual labels:  redux-saga
redux-saga-callback
redux-saga helper functions to await dispatched actions
Stars: ✭ 19 (-72.06%)
Mutual labels:  redux-saga
Neos Ui
Neos CMS UI written in ReactJS with Immutable data structures.
Stars: ✭ 238 (+250%)
Mutual labels:  redux-saga
webservices
Prestashop Web Services + React JS App
Stars: ✭ 34 (-50%)
Mutual labels:  redux-saga
Starter Pack
Combines React (ft. hooks), Redux, Redux-saga and TypeScript with Auth0 as a starting point for modern web apps with solid authentication
Stars: ✭ 209 (+207.35%)
Mutual labels:  redux-saga
react-template
My starting template for most react apps
Stars: ✭ 23 (-66.18%)
Mutual labels:  redux-saga
fractal-component
A javascript library that can help you to encapsulate decoupled UI component easily
Stars: ✭ 13 (-80.88%)
Mutual labels:  redux-saga
Jarvis
APL-based web service framework supporting JSON or REST
Stars: ✭ 17 (-75%)
Mutual labels:  json-server

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 .

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].