NOTE: This project is a work in progress.

Natureddit

A read-only client for Reddit, featuring a home page dedicated to nature photography.

Introduction

Natureddit will function as a read-only client for Reddit, featuring a home page dedicated to nature photography with posts pulled from a curated list of subreddits.

The app will present posts in a card layout that emphasises images, as a way to showcase nature photographs.

A search bar will provide access to other Reddit content (posts and subreddits).

Built as part of Codecademy's Front-End Engineer Career Path, with the goal of improving expertise with React, React Router, and Redux.

Wireframes

To be added soon.

Technologies used

Design

• Adobe XD (mobile first approach)

Version control & project management

• Git + GitHub
• GitHub Projects

Build

• Reddit JSON API (read only)
• Create React App (cra-template-redux)
• React
• Redux + React-Redux & Redux Toolkit
• React Router
• HTML5
• CSS3 + normalize.css & BEM

Testing

• Jest + React Testing Library

Features

A read-only client for Reddit with:

• A home page featuring the "hottest" nature photography posts from a curated list of subreddits
• A design that showcases images
• Modal and fullpage views of individual posts including the ability to:
  • Share direct links to posts and to individual comments (and their replies)
  • View deeply nested comments
• A search function providing access to Reddit's:
  • Subreddits (via a dropdown)
  • Individual posts
• Filters for "hot", "new", "top", and several time periods on search and subreddit pages
• Animated loading splashes for initial page load and navigation within the app
• A toggle for dark/light mode

Future work

To be added later.