An intuitive and dynamic Reddit search application built with the React.JS. This app allows users to search specific subreddits for posts containing certain keywords and filter results by date ranges like Today, Yesterday, or This Week. Perfect for staying up-to-date with the latest trends and topics on Reddit!
-
🔍 Search Subreddits by Keywords
Find posts from any subreddit that match your search keywords. -
🗂 Dynamic Filters
Filter posts by date ranges:- All Posts
- Today
- Yesterday
- This Week
-
📦 Optimized MERN Architecture
Leverages the power of MongoDB, Express.js, React.js, and Node.js for a seamless experience. -
📱 Responsive Design
Fully functional on both desktop and mobile devices. -
🛠 Reddit API Integration
Fetches live data directly from Reddit using the Reddit API.
Frontend | Backend | Others |
---|---|---|
React.js | Node.js | Reddit API |
Material UI | Express.js | Axios |
CSS3 | React Router |
-
Clone the Repository
git clone https://github.com/exclusiveabhi/react-redditKeywordSearch.git
-
Navigate to the Project Directory
cd react-redditKeywordSearch
-
Install Dependencies
- Install frontend dependencies:
cd frontend npm install
- Install backend dependencies:
cd ../backend && npm install
- Install frontend dependencies:
-
Start the Application
- Start the backend server:
node index.js
- Start the frontend application:
cd ../frontend && npm start
- Start the backend server:
-
Access the Application
Open your browser and navigate tohttp://localhost:3000
.
- Method: GET
- Parameters:
subreddit
: Subreddit name (e.g.,javascript
)keyword
: Keyword to search for (e.g.,react
)
- Enter a Subreddit (e.g.,
javascript
). - Enter a Keyword (e.g.,
react
). - Hit the Search button.
- Use the filter dropdown to refine your results by date range.
- 🔧 Add pagination for large result sets.
- 🔍 Include support for multiple keywords.
- 📊 Provide analytics on keyword popularity in subreddits.
We welcome contributions! Follow these steps:
- Fork this repository.
- Create a feature branch:
git checkout -b feature-name
. - Commit changes:
git commit -m 'Add feature-name'
. - Push to branch:
git push origin feature-name
. - Submit a pull request.
Have questions or suggestions? Reach out:
- GitHub: Abhishek