consdu / salads

Salads app with React & Boostrap

Home Page:https://grand-kangaroo-6d05bf.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

A Salads App built with React and React Router

I have a keen interest in all types of salads because I genuinely love them, and since I had to practice some React concepts, such as React Router and Context, I've built this straightforward recipes app where you can find many salads by category.

The purpose of this app is to provide you with an easy-to-use database of salad recipes. This app is ideal for those who are always on the go because making these salads is easy, fast and only requires just ingredients, plus you will be eating healthy.

On mobile devices can be bookmarked (saved to Home) and it will show as full-screen with no native navigation as a Progressive Web Application.

Currently the app language is only available in Spanish and the recipes database is not complete (super busy lately).

Features

  • Browse salad by category
  • Bookmark your favorite ones
  • Click the name of the salad and open it on an individual page
  • Click the share button and copy-to-clipboard the individual salad link
  • Click each ingredient and open a new google search tab for it
  • Click the 3 dots you will expand the instructions section

Tech Stack

Client: React, React Router, BoostrapCSS

Server: Currently just fetching a static JSON file

Preview

App Screenshot

Possible next steps

  • Finish adding all the items in the database

  • Implement the search by ingredient function

  • Implement dark mode

Demo

App Demo

About

Salads app with React & Boostrap

https://grand-kangaroo-6d05bf.netlify.app/


Languages

Language:JavaScript 94.6%Language:SCSS 3.6%Language:HTML 1.8%