Repository where the code related to the Ecommerce web app can be found.
-
Creation of project. npx create-react-app ecommerce-app
-
Creation of the firebase project
-
Create an app (web)
-
Install firebase
-
Create
firebase.config.js
including the configuration of firebase -
npm install -g firebase-tools
-
Create .env variables
-
Initialize products (hosting, firestore, functions, storage, auth)
-
First deployment:
firebase login
firebase init
firebase deploy
(hosting, firestore, functions, storage, auth) -
Configure firestore
Configure navigation.
-
Install react router dom
npm install react-router-dom
-
Create
routes
folder -
Create
Router.jsx
-
Create
AnimatedRoutes.jsx
-
Install framer-motion for animations between transitions
npm install framer-motion
-
Create route for login
-
Create
/screens
folder -
App loads the login screen, change
app.js to app.jsx
-
Remove the unnecesary things in the index.html
Starting the login page
-
Create
styles
folder. -
Create
screen.css
. -
Create component for login form in
components/loginform
-
Create
form.css
. -
Style the form
Start the authenticator process - Preparing the context
-
Create a context in
contexts/auth
-
Create the authContext.jsx, authReducer.js and types.js