Instagram clone with CRA, Tailwind CSS and Firebase.

Based on a course from Freecodecamp's YouTube's Channel.

Live preview

Create React App - https://es.reactjs.org/docs/create-a-new-react-app.html

Tailwind CSS - https://tailwindcss.com

Firebase - https://firebase.google.com

Link to course - https://www.youtube.com/watch?v=mDgEqoQUBgk

Requirements:

Node.js v14.10.1

Recomended to install pnpm:

npm install -g pnpm@^6.3.0

pnpm downloads packages and stores it in a local package container folder, then create symbolic links between projects in order to save space.

How to start:

1. Clone Repository
2. Run pnpm i
3. Rename firebase.config-template.json to firebase.config.json
4. Replace values in firebase.config.json to your Firebase's config data.

Scripts:

Compile styles for tailwind and start local instance

pnpm start

Compile styles then generate compiled project in build folder:

pnpm build 

Initialize Firebase and ask for configurations

pnpm init 

Initialize Hosting configuration

pnpm init:hosting

Run emulators, must initialize Firebase first

pnpm emulate