https://github.com/mspilari/instagram-clone

A Clone of Instagram
https://github.com/mspilari/instagram-clone

firebase nextjs reactjs tailwindcss typescript

Last synced: 3 months ago
JSON representation

A Clone of Instagram

• Host: GitHub
• URL: https://github.com/mspilari/instagram-clone
• Owner: MSpilari
• License: mit
• Created: 2021-11-22T14:25:34.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-12-22T14:35:11.000Z (over 3 years ago)
• Last Synced: 2025-01-13T07:31:31.400Z (5 months ago)
• Topics: firebase, nextjs, reactjs, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://instagram-clone-mspilari.vercel.app
• Size: 1.04 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Instagram Clone

[![GitHub license](https://img.shields.io/github/license/MSpilari/instagram-clone)](https://github.com/MSpilari/instagram-clone/blob/master/LICENSE)

![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/MSpilari/instagram-clone/react)

![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/MSpilari/instagram-clone/next)

![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/MSpilari/instagram-clone/next-auth)

![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/MSpilari/instagram-clone/react-icons)

![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/MSpilari/instagram-clone/firebase)

![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/MSpilari/instagram-clone/recoil)

![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/MSpilari/instagram-clone/dev/tailwindcss)

![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/MSpilari/instagram-clone/dev/typescript)

![image](./src/assets/Instagram_logo.svg)

## Objectives

- Simulate some of functionalities of Instagram.

- Learn how to work with some technologies like NextAuth, Firebase, Tailwind, Recoil.

## How to install

- Fork or clone this repository at your local machine

- Run `yarn add or npm install`, to add the dependencies.

- After the installation

  - Run `yarn dev or npm run dev` to run the local server, hosted at `https://localhost:3000`

  - Run `yarn build or npm run build` to run the build server.

- _Remember that this project uses Next_

## Firebase Configs

- Remember to access the [Google Cloud](https://cloud.google.com).

- Select the project you are working.

- Go to **Menu** > **APIs and services** > **Credentials**

- At the OAuth 2.0 section, insert the **Authorized Javascript Origins** and **Authorized redirects URIs**.

## Technologies

- [ReactJs](https://pt-br.reactjs.org/)

- [Next](https://nextjs.org/)

- [NextAuth](https://next-auth.js.org/)

- [Typescript](https://www.typescriptlang.org/)

- [Recoil](https://recoiljs.org/)

- [React-icons](https://react-icons.github.io/react-icons/)

- [Axios](https://github.com/axios/axios)

- [Firebase](https://firebase.google.com/?hl=pt)

- [TailwindCss](https://tailwindcss.com/)