About The Project

A visual clone of Instagram web app to improve my skills in frontend development. In the projects some new libraries are explored. These include Firebase for database management, Next Auth with Google authorization, Recoil for React state management, HeadlessUI for visual components and React Moment for showing relevant timestamps.

(back to top)

Built With

• Next.js
• Tailwind
• Next Auth
• Firebase
• Typescript
• Recoil
• React Moment
• HeadlessUI

(back to top)

Getting Started

This is an instruction to setting up your project locally.

Prerequisites

Installation

Below is an example of how you can install and set up your app.

1. Clone the repo

   git clone https://github.com/HawkieOne/instagram-clone

2. Install NPM packages

   npm install

3. Create a new file called .env.local
4. Go to https://console.firebase.google.com and get a CLIENT and CLIENT_SECRET key for your app
5. Place your keys in the .env.local file like below

   GOOGLE_CLIENT_ID=YOUR_CLIENT_ID
   GOOGLE_CLIENT_SECRET=YOUR_CLIENT_SECRET
   NEXTAUTH_URL=http://localhost:3000

6. Run your application

   npm run dev

(back to top)

Contact

Håkan Lindahl - /hakanlindahl - hakan.l.lindahl@gmail.com
Project Link: https://github.com/HawkieOne/instagram-clone

(back to top)