Mario Plan

This project was bootstrapped with Create React App.

Mario Plan is a fully responsive web application based on React, Redux & Firebase App.

Build with

• Materialize css
• Redux
• Redux-Thunk
• React-Redux
• Firebase
• React-Redux-Firebase
• Redux-Firestore
• React-Router-Dom
• Moment
• React Hooks and functional components

Requirements

• Node JS v14 LTS
• Firebase SDK configuration

Installation

Clone the repository

git clone https://github.com/alexn29/marioplan-react-redux-firebase.git

In the project directory (root folder), install the dependencies

npm install

Create .env file in the root folder and place the following code. Dont forget to add the firebase configuration.

REACT_APP_FIREBASE_APIKEY = ""
REACT_APP_FIREBASE_AUTH_DOMAIN = ""
REACT_APP_FIREBASE_PROJECT_ID = ""
REACT_APP_FIREBASE_STORAGE_BUCKET = ""
REACT_APP_FIREBASE_MESSAGING_SENDERID = ""
REACT_APP_FIREBASE_APP_ID = ""
REACT_APP_FIREBASE_MEASUREMENT_ID = ""

Run the project

npm start

Finally, open your web browser and navigate to

http://localhost:3000/

Live Demo

Url: https://marioplan-f583a.web.app

User: [email protected]

Password: 123456