amalcodin / viteaa

Reddit Clone

Description

[App] Creating a near identical clone of the famous social media website, Reddit

See it live on optimistictrousers.github.io/reddit-clone Or clone repo, cd into repo, then run "npm run start"

Purpose

Creating a full-stack webapp with React.js and Firebase, with multiple routes. Using Typescript and Redux.

Beyond that, other learning outcomes were:

• Design reusable components
• Creating and deleting data inside of a Firebase Firestore database
• Allowing the user to authenticate to interact with the application
• Creating custom hooks
• Using Redux for state management
• Typescript for types
• Using moment.js for Date utilities

Features

1. Allows users to authenticate
2. Allows users to create subreddits
3. Allows users to create posts
4. Allows users to filter through posts
5. Allows users to upvote posts and comments
6. Allows users to reply to comments
7. Allows users to search for subreddits
8. Responsive
9. Subreddit moderators
10. Subreddit editing
11. Image upload
12. User can join subreddits

Development

Javascript Framework

• React

Technologies used

• Firebase - Cloud services (database, authentication)
• Redux - State management library
• ESLint - A linter tool to standardize code
• Github Pages - Hosting
• Prettier - Code formatter
• React Router - Router tool for React applications
• Jest - Assertion and test running library
• Testing Library - Testing library for queries
• React CSS Modules - CSS with local scoping
• React - Javascript library
• Typescript - Static typing in JavaScript

Areas for Improvement

1. Karma
2. Allow users to change profile pictures
3. Adding more levels
4. Give the user back their time in seconds with demicals instead of seconds
5. Light mode
6. Trending posts
7. Awards
8. Coins
9. Pagination and lazy loading
10. Allow users to filter their content inside their profile
11. Allow users to search for posts within subreddits
12. Pinning posts in a subreddit

Known Bugs

1. Status of "Saved" posts only appears on the post page itself, not when rendered as a post inside of a list of posts