Skip to content

A redesign and implementation of reddit in Vue3/NuxtJS/Tailwind/Supabase

Notifications You must be signed in to change notification settings

LKPcode/new-reddit-redesign

Repository files navigation

Reddit Redesign and Implementation

Description

This project is a redesign and implementation of the popular social media platform Reddit. The project is a full-stack web application that allows users to create subreddits, post text/image posts, comment on posts, and upvote/downvote posts and comments. The project also includes user authentication and user profiles.

The project is built using NuxtJS/TypeScript, a VueJS framework, and TailwindCSS for styling. The backend is built using Supabase, a Postgres database with a RESTful API.

Features

  • User Authentication
  • User Registration
  • User Profile
  • Subreddits
  • Text/image Posts
  • Nested Comments
  • Upvotes/Downvotes
  • User Settings

The Platform

Home Page with a minimalistic design

alt text

Subreddit Page

alt text

Post Page with Nested Comments

alt text

alt text

User Profile Page (Posts)

alt text

User Profile Page (Comments)

alt text

Subreddit Creation Page

alt text

Post Creation Page for Subreddit (WebDev)

alt text

Subreddit Page (Finance)

alt text

Installation

NuxtJS

  1. Clone the repository
  2. Install dependencies
npm install
  1. Run the development server
npm run dev

Supabase

Execute the .sql files in the supabase folder to create the tables and functions in the database.

About

A redesign and implementation of reddit in Vue3/NuxtJS/Tailwind/Supabase

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published