Skip to content

kalpesh-d/reddit-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Reddit Clone

This Reddit Clone is a Single Page Web Application (SPA) that replicates some features of the popular Reddit platform. It allows users to explore and engage in discussions on various topics, view posts, and comment on them. Whether you're looking to discover new content or participate in online communities, this Reddit Clone provides a familiar experience.

Technologies Used

  • React.js: A powerful JavaScript library for building user interfaces.
  • Redux Toolkit: State management library for predictable state container management in React applications.
  • JavaScript: The backbone of web development, used for adding interactivity and functionality.
  • HTML: The standard markup language for creating web pages.
  • CSS: for rapid and responsive web development.
  • Reddit API: Integrating Spotify's API to access the vast music library and manage playlists.
  • Axios: A promise-based HTTP client for making asynchronous requests to fetch data.
  • Chakra UI: A simple, modular component library for building React applications with a focus on developer experience.
  • React Router: A declarative way to navigate and manage the state of the application.
  • Git and GitHub: Version control and collaborative platform for code management.

Features

Reddit Clone offers the following features:

  • Browsing and Navigation: Explore a variety of posts on different topics, organized into category. Navigate seamlessly between pages using React Router.
  • Post Interaction: Engage with the community by upvoting, downvoting, and commenting on posts. Share your thoughts and opinions on a wide range of topics.
  • Post Specifics: Browse specific posts. Each Post has its own set of discussions.
  • Responsive Design: Enjoy a consistent and user-friendly experience across various devices, from desktops to tablets and mobile phones.
  • Asynchronous Loading: Utilize asynchronous loading of data to provide a smooth and efficient user experience. Loading indicators inform users of ongoing data retrieval.

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available: