kecoma1 / Ecommerce-web-app

Repository where the code related to the Ecommerce web app can be found.

Ecommerce-web-app

Repository where the code related to the Ecommerce web app can be found.

Video 1

1. Creation of project. npx create-react-app ecommerce-app

2. Creation of the firebase project

3. Create an app (web)

4. Install firebase

5. Create firebase.config.js including the configuration of firebase

6. npm install -g firebase-tools

7. Create .env variables

8. Initialize products (hosting, firestore, functions, storage, auth)

9. First deployment: firebase login firebase init firebase deploy (hosting, firestore, functions, storage, auth)

10. Configure firestore

Video 2

Configure navigation.

1. Install react router dom npm install react-router-dom

2. Create routes folder

3. Create Router.jsx

4. Create AnimatedRoutes.jsx

5. Install framer-motion for animations between transitions npm install framer-motion

6. Create route for login

7. Create /screens folder

8. App loads the login screen, change app.js to app.jsx

9. Remove the unnecesary things in the index.html

Video 3

Starting the login page

1. Create styles folder.

2. Create screen.css.

3. Create component for login form in components/loginform

4. Create form.css.

5. Style the form

Video 4

Start the authenticator process - Preparing the context

1. Create a context in contexts/auth

2. Create the authContext.jsx, authReducer.js and types.js