https://github.com/semmyk/recipe-collection-v3.0

React Firebase App
https://github.com/semmyk/recipe-collection-v3.0

context firebase react

Last synced: 13 days ago
JSON representation

React Firebase App

• Host: GitHub
• URL: https://github.com/semmyk/recipe-collection-v3.0
• Owner: SemmyK
• Created: 2023-06-26T12:46:59.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-08-11T11:56:17.000Z (over 1 year ago)
• Last Synced: 2024-11-23T12:13:33.819Z (2 months ago)
• Topics: context, firebase, react
• Language: JavaScript
• Homepage: https://recipe-collection-v3.web.app/
• Size: 490 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Recipe Book React App

## Description

### Version 3.0

React app with React-bootstrap components and firebase.

You can read, add, delete and search for recipes.

Choose dark/light mode or any of different themes that are offered under navigation bar.

`**Replaced json-server with firebase and added auth and data context**`

### Version 2

Still Simple React app with React-bootstrap components and json-server.

You can read, add, delete and search for recipes.

Added dark/light mode and different themes to choose from using context.

NOTE: Code for the context has a lot of comments to help me understand better what each line does and also to have somewhere to return to if I ever forget how to use it. :sweat_smile: :shushing_face:

### Version 1

Simple React app with React-bootstrap components and json-server.

You can read, add, delete and search for recipes.

## To start the project

For version 1, after you download and unzip the repository, in the project directory:

1. Open one terminal and run:

### `npm install`

To install node modules in the directory

2. after first step run:

### `npm start`

Runs the app in the development mode.\

Open [http://localhost:3001](http://localhost:3001) to view it in your browser.

The page will reload when you make changes.\

You may also see any lint errors in the console.