An open API service indexing awesome lists of open source software.

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

minimalist reddit clone using react, tailwindcss, nodejs, postgreSQL
https://github.com/abhi9ab/reddit-clone

javascript postgresql reactjs tailwindcss

Last synced: 3 months ago
JSON representation

minimalist reddit clone using react, tailwindcss, nodejs, postgreSQL

Awesome Lists containing this project

README

          

# Reddit-clone

Hey there! Welcome to my Reddit clone project built with React, Tailwind CSS, Express.js, and PostgreSQL. I'm excited to share this project with you!
I've worked hard to replicate the core features of Reddit, including user posting content, voting on posts , dropdown menus, etc.

## Preview

### Home page
Screenshot 2024-04-27 144039

### Create page
Screenshot 2024-04-27 144119

## Local Installation

To get started, clone this repository to your local machine and follow the installation instructions in the README.
### Step 1: Clone the Repository
```shell
git clone https://github.com/abhi9ab/reddit-clone.git
```
### Step 2: Navigate into the project directory that you just cloned
```shell
cd
```
### Step 3: Install the necessary dependencies by running
```shell
npm install
```
### Step 4: Set Up the Database:
Make sure you have PostgreSQL installed on your local machine.

Create a new PostgreSQL database for the project.

The sql command required are provided in the database.sql file.

### Step 5: Type the following command to build the client application:
```shell
cd client
```

```shell
npm run dev
```
### Step 6: Type the following command to start the server:
```shell
cd ..
```

```shell
cd server
```

```shell
nodemon server.js
```
### Step 7: Open a browser and access [http://localhost:5173](http://localhost:5173).

Documentation:

[nodejs](https://nodejs.org/en)
[react](https://react.dev/)
[postgresql](https://www.postgresql.org/)
[tailwindcss](https://tailwindcss.com/)