RedditGram
RedditGram is a web app for viewing Reddit posts and comments in a way that similar to Instagram.
Live Version
Hosted on AWS: https://www.redditgram.net
Demo
FrontEnd
The frontEnd is built with React, Scss modules, Ant Design, Axios and fully responsive.
You can find the frontEnd code inside the client folder.
FrontEnd structe:
App.js - responsible for mange the navigation.
/pages - responsible for displaying the components and manage the state.
/components - customizable as possible, getting part of the style and data thought props. Each prop has a prop type.
/utils - contains functions to get data from the server, and hooks.
/assests - contains the fonts, SVG, and scss variables.
Lambda Functions
The BackEnd is very simple so I decided to go with AWS Lambda with Serverless framework.
In this project I have only 3 endpoints:
/post/:id - To get a specific post.
/posts/:sub - To get posts from a specific subreddit.
/search/:sub - To search a subreddit.
in ./src/handlers you can see the code for this endpoints.
in ./src/lib/reddit you can see the code for getting the data from reddit.