saddamarbaa / pinterest-clone-app-react-typescript

==> Building Pinterest Clone App with React Js + TypeScript + React Context API + Styled Components + Firebase Realtime Database + Vercel Hosting + User Authentication (a mobile-friendly)

Pinterest Clone App

Building Pinterest Clone App with React Js, TypeScript, Redux, Styled Component, Firebase, Vercel Hosting, with complete user authentication (a mobile-friendly).

Table of contents

• Author
• Demo
• Technologies
• Features
• Related Projects
• Contributing
• Status
• Inspiration
• Support
• Feedback
• Run Locally
• Environment Variables
• Deployment
• Screenshots

Author

@Saddam Arbaa

Technologies

Client:

• React Js (class based components)
• TypeScript
• Styled Component
• React Context API

Server:

• Vercel Hosting
• Firebase Google Authentication

Demo

Live Demo

Live Video Demo

Related_Projects

LinkedIn Clone App built with React Js + TypeScript + Redux + Styled Components + Material-UI + Firebase Realtime Database + Vercel Hosting

Github Repo

LIVE DEMO

Instagram Clone App built with React Js + Next Js + TypeScript + Redux + Tailwind CSS + Heroicons

Github Repo

LIVE DEMO

Facebook Clone App built with React Js + Next Js + TypeScript + Redux + Styled Components

Github Repo

LIVE DEMO

Messenger Clone App built with React Js + Next Js + Redux + Styled Components + Material-UI

Github Repo

LIVE DEMO

Gmail Clone App built with React Js + Next Js + TypeScript + Styled Components + Material-UI + Firebase Realtime Database + Vercel Hosting

Github Repo

LIVE DEMO

Signal Clone App built with React Native + TypeScript + Expo + React Navigation + Firebase Realtime Database + User Authentication + Passwordless Authentication with Magic Link

Github Repo

WhatsApp Clone App built with React Js + React Context API + Styled Components + Material-UI + Firebase Realtime Database + Firebase Hosting

Github Repo

LIVE DEMO

Slack Clone App built with React Js + Next Js + Styled Components + firebase-hooks + Material-UI

Github Repo

LIVE DEMO

Airbnb Clone App built with React Js + Next Js + Redux + Tailwind CSS

Github Repo

LIVE DEMO

Amazon Clone App built with React Js + TypeScript + Redux + Styled Components

Github Repo

LIVE DEMO

Tesla Clone App built with React Js + TypeScript + Redux + Styled Components + Material-UI + Vercel Hosting

Github Repo

LIVE DEMO

Netflix Clone App built with React Js + TypeScript + Redux + Stripe Checkout/Payments + Vercel Hosting + Firebase

Github Repo

LIVE DEMO

Features

• Search functionality
• Google Authentication

Contributing

Contributions are always welcome!

Support

For support, email [e-mail].

Feedback

If you have any feedback, please reach out to me at [e-mail]

Twitter https://twitter.com/ArbaaSaddam/

Linkedin. https://www.linkedin.com/in/saddamarbaa/

Github https://github.com/saddamarbaa

Instagram https://www.instagram.com/saddam.dev/

Facebook https://www.facebook.com/saddam.arbaa

Run_Locally

Clone the project

 git clone https://github.com/saddamarbaa/pinterest-clone-app-react-typescript

Go to the project directory

  cd pinterest-clone-app-react-typescript

Install dependencies

  npm install

Start the server

  npm start

Environment

• To run this project, you will need to create a new project on firebase, setup Firebase Realtime Database and add the following environment variables to your .env file

• REACT_APP_FIREBASE_API_KEY

• REACT_APP_AUTH_DOMAIN

• REACT_APP_STORAGE_BUCKET

• REACT_APP_PROJECT_ID

• REACT_APP_MESSAIN_SENDER_ID

• REACT_APP_APPID

Status

Project is: in progress I'm working on it in my free time

Inspiration

Build By Saddam Arbaa Project inspired by [Pinterest] https://id.pinterest.com/

Deployment

To deploy this project on firebase Flow the firebase documentation Firebase Documentation

• create a new project on firebase
• npm install -g firebase-tools
• firebase init
• npm run build
• firebase deploy

Screenshots

Log in Page

responsive on large screens

responsive on small screens