Aplikasi web serderhana untuk mencari resep masakan khas indonesia yang dibuat menggunakan ReactJS.

Overview

Gorecipe

Aplikasi web serderhana untuk mencari resep masakan khas indonesia yang dibuat menggunakan ReactJS.


Setup

  1. Download ZIP / Clone repo gorecipe
  2. Buka Appnya di text editor vscode / lainnya
  3. Buka terminal, pastikan arah pointernya mengarah ke folder gorecipe yg telah didownload
  4. kemudian jalankan perintah npm install untuk menginstall semua dependencies
  5. jalankan perintah npm start untuk menjalankan Aplikasinya di mode development
  6. Buka http://localhost:3000 untuk melihat hasil aplikasi webnya.

Fitur

  • Cari resep
  • Toggle save resep
  • Routing halaman

Dibuat menggunakan

  • HTML
  • CSS
  • JavaScript
  • ReactJS
  • React Router

Demo

Gorecipe

Thanks to

Terima kasih untuk farizdotid & tomorisakura telah menyediakan API Resep masakan indonesia

Issues
  • ui/ux improvements

    ui/ux improvements

    Minor changes:

    • showing the title like tooltip when hovering on the title
    • consistent card heights
    • adding scroll handler
    opened by andideve 2
  • limited text lines

    limited text lines

    opened by andideve 0
Owner
Indra Adi Kusuma
who loves to build responsive, interactive, and user friendly web app
Indra Adi Kusuma
A clone of Google Keep with its original Material Design aesthetics

A Clone of Google Keep A minimal Clone of Google Keep written in ReactJS with Material UI Components, themed to look exactly like Google Keep, with co

Merbin J Anselm 404 Sep 22, 2021
Spotify UI Clone with React Native & Expo || web support => https://expo-spotify.vercel.app

Spotify: UI Clone with React Native / Expo web demo: Expo Spotify Table of Contents Install & Build Features Linting Expo Web Demo & Release Notes Ins

Caleb Nance 352 Sep 15, 2021
Netflix UI Clone with React Native & Expo || web support => https://expo-netflix.vercel.app

Netflix: UI Clone with React Native / Expo web demo: Expo Netflix Table of Contents Install & Build Features API Components/Packages Used Linting Expo

Caleb Nance 356 Sep 22, 2021
React project to scan and write into NFC tags using the Web NFC API.

REACT NFC Sample App About This is a simple sample app demostrating the usage of the Web NFC API. To get the Web NFC API working you will need an Andr

Pato 7 Aug 21, 2021
Responsive React 'The Movie Database' (TMDb) App

TMDb Movie Search TMDb Movie Search is a responsive React app that utilises Twitter's typeahead.js and Bloodhound suggestion engine, loading data via

Stephen Kempin 856 Sep 12, 2021
A full-stack web app built with NestJS and ReactJS that helps you find and discover over 500,000+ video games on your device. Powered by RAWG API.

Game Store Monorepo A full-stack web app built with NestJS and ReactJS that helps you find and discover over 500,000+ video games on your device. Powe

Vu Nguyen 52 Sep 22, 2021
This is a Facebook Messenger clone.You can comminicate to other at realtime.Used ReactJS, Material UI, Firebase, Firestore Database

?? facebook-messenger This is a facebook messenger clone.You can comminicate to other at realtime ?? ⚡ LIVE To check out the live demo of this app ABO

null 18 Sep 8, 2021
Clonando whatsapp wep com ReactJS + Firebase

CLONANDO WHATSAPP WEB ?? ?? Clone do Whatsapp Web usando React JS e Firebase Este projeto consiste em praticar e aprender com o clone do whatsapp web

João Pedro Moreira 11 Aug 21, 2021
İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

İnstagram Clone.You can sign in, sign up, upload image, make comment ?? Used ReactJS, Material UI, Firebase, Firestore Database

null 18 Aug 31, 2021
Netflix Clone. Search and find your favorite movie with coming from TMDB API. Also you can watch the trailers 📽️ 🍿 Used ReactJS, Material UI, Firebase, Firestore Database

Netflix Clone. Search and find your favorite movie with coming from TMDB API. Also you can watch the trailers ??️ ?? Used ReactJS, Material UI, Firebase, Firestore Database

null 9 Jun 22, 2021
İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

?? instagram-clone This is a instagram clone. You can sign in, sign up, upload image, make comment ?? ⚡ LIVE To check out the live demo of this app AB

null 14 Jun 6, 2021
Fakeflix – Netflix open source clone, not the usual clone that you can find on the web.

Fakeflix – Netflix open source clone, not the usual clone that you can find on the web.

Davide Mandelli 3.3k Sep 24, 2021
plastplace webapp frontend written in react.js framework

Plastplace Web App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: yarn start Runs the a

Narek 8 Aug 23, 2021
A Google Clone which built with ReactJS. You can click the demo and search whatever you want!

A Google Clone which built with ReactJS. You can click the demo and search whatever you want!

Özge Coşkun Gürsucu 23 Aug 12, 2021
A Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality!!

A Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality!!

Özge Coşkun Gürsucu 22 Sep 15, 2021
A Pokémon Themed Note Taking App Made with ReactJs.

Poket Book Who doesn't need a good note taking app, especially if it is Pokémon Themed! This cute little Poket Book allows you to add/delete/edit/view

Christine Coomans 8 Sep 13, 2021
Simple, powerful online communities.

Simple, powerful online communities. This is the main monorepo codebase of Spectrum. Every single line of code that's not packaged into a reusable lib

Spectrum 10.1k Sep 19, 2021
Planets fact site with animated solar system built with ReactJS.

Frontend Mentor - Planets fact site Table of contents Overview Intro The challenge Links My process Built with Features Setup Useful resources Overvie

null 38 Sep 11, 2021
A minimal operating system created with ReactJS

mindows A minimal Operating System created with React. About This project provides a minimal Windows 10 experience in browser. It runs completely on c

Piyush Madhusudan 83 Sep 13, 2021