https://github.com/ghoshnirmalya/reddit-clone

:arrow_up: :arrow_down: This is a sample application for building a clone of Reddit using React and Firebase
https://github.com/ghoshnirmalya/reddit-clone

firebase react sitepoint tutorial

Last synced: about 12 hours ago
JSON representation

:arrow_up: :arrow_down: This is a sample application for building a clone of Reddit using React and Firebase

• Host: GitHub
• URL: https://github.com/ghoshnirmalya/reddit-clone
• Owner: ghoshnirmalya
• Created: 2017-06-02T04:48:50.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-09-11T18:28:42.000Z (2 months ago)
• Last Synced: 2024-10-10T12:14:58.188Z (about 1 month ago)
• Topics: firebase, react, sitepoint, tutorial
• Language: JavaScript
• Homepage: https://reddit-clone-snowy.vercel.app/
• Size: 1.59 MB
• Stars: 55
• Watchers: 3
• Forks: 39
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  





  

    

  



This is a sample application for building a clone of [Reddit](https://www.reddit.com/). [Link to detailed article about how this was developed](https://www.sitepoint.com/reddit-clone-react-firebase/).

- [Overview](#overview)

- [Article](#article)

- [Requirements](#requirements)

- [Installation](#installation)

  - [1. **Clone the application**](#1-clone-the-application)

  - [2. **Install necessary dependencies for the application**](#2-install-necessary-dependencies-for-the-application)

  - [3. **Create a .env file and copy the contents from .env.example**](#3-create-a-env-file-and-copy-the-contents-from-envexample)

  - [4. **Start the application**](#4-start-the-application)

- [Deployment](#deployment)

- [Other interesting repositories](#other-interesting-repositories)

- [License](#license)

## Overview

This application is built using the following technologies:

1. [Chakra UI](https://chakra-ui.com/)

2. [Emotion](https://emotion.sh/)

3. [Create React App](https://create-react-app.dev/)

4. [Firebase](https://firebase.google.com/)

## Article

[Link to detailed article about how this was developed](https://www.sitepoint.com/reddit-clone-react-firebase/).

## Requirements

1. [Node.js](https://nodejs.org/)

2. [npm](https://www.npmjs.com/)

## Installation

### 1. **Clone the application**

```sh

git clone https://github.com/ghoshnirmalya/reddit-clone

```

### 2. **Install necessary dependencies for the application**

```sh

yarn install

```

### 3. **Create a .env file and copy the contents from .env.example**

### 4. **Start the application**

From the frontend directory, we can run the following command to start our Next.js frontend application:

```sh

yarn start

```

The above command will start the frontend application on [http://localhost:3000/](http://localhost:3000).

## Deployment

Click on the button below to deploy the frontend application on Vercel. You'll need to [sign up for a free Vercel account](https://vercel.com/signup/).

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2Fghoshnirmalya%2Fnextjs-hasura-boilerplate%2Ftree%2Fmaster%2Ffrontend&env=REACT_APP_FIREBASE_API_KEY,REACT_APP_FIREBASE_AUTH_DOMAIN,REACT_APP_FIREBASE_PROJECT_ID,REACT_APP_FIREBASE_STORAGE_BUCKET,REACT_APP_FIREBASE_MESSAGING_SENDER_IDREACT_APP_FIREBASE_APP_ID,REACT_APP_FIREBASE_MEASUREMENT_ID&project-name=reddit-clone&repo-name=reddit-clone)

## Other interesting repositories

1. [Hasura Next.js Boilerplate](https://github.com/ghoshnirmalya/nextjs-hasura-trello-clone)

2. [Strapi Next.js Boilerplate](https://github.com/ghoshnirmalya/nextjs-strapi-boilerplate)

3. [React Search Box](https://github.com/ghoshnirmalya/react-search-box)

4. [LinkedIn Clone using Create React App](https://github.com/ghoshnirmalya/linkedin-clone-react-frontend)

5. [Building mono-repo applications using Lerna](https://github.com/ghoshnirmalya/building-monorepos-using-lerna)

## License

This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).