https://github.com/rijalghodi/mini-reddit
Simple, light, beautiful reddit app
https://github.com/rijalghodi/mini-reddit
fetch-api react reddit-api redux redux-thunk webpack
Last synced: 3 months ago
JSON representation
Simple, light, beautiful reddit app
- Host: GitHub
- URL: https://github.com/rijalghodi/mini-reddit
- Owner: rijalghodi
- Created: 2022-10-21T22:08:02.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-10-24T14:20:23.000Z (over 3 years ago)
- Last Synced: 2025-01-22T03:08:29.586Z (over 1 year ago)
- Topics: fetch-api, react, reddit-api, redux, redux-thunk, webpack
- Language: JavaScript
- Homepage: https://mini-reddit-rijalghodi.vercel.app/
- Size: 370 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Mini Reddit
## Description
This is one of projects I created on Codecademy Course
This is the beutiful, light, and simple version of reddit app. Without login to reddit, you can enjoy surfing on reddit posts based on different subreddit categories.
## Features
In this app, you can
- See the latest reddit posts
- Use navigation to move from one subreddit to another
- Use Search Bar to filter the posts
- See the comments from each posts
- Bookmark the posts (still in progress)
## How to Run
For those who just want to enjoy the app, please click [this link](https://mini-reddit-rijalghodi.vercel.app/)
to see the project deployment
For those who want to see the project boilerplate in the local computer, do these:
1. Download this repository
2. Install all the package that listed in requirements section
- For dependecies package, run `npm install `
- For devDependencies package, run `npm install --save-dev`
3. Build the project `npm run build`
4. Run the project `npm start`
5. See the project on `https://localhost:3000`
## Requirements
- dependencies:
- @reduxjs/toolkit
- moment
- react
- react-dom
- react-icons
- react-redux
- redux
- redux-thunk
- devDependencies
- @babel/core
- @babel/preset-env
- @babel/preset-react
- babel-loader
- css-loader
- html-webpack-plugin
- style-loader
- webpack
- webpack-cli
- webpack-dev-server
## Technologies
- ReactJS
- Redux
- Webpack