Giter VIP home page Giter VIP logo

jkalio52 / reddit-client Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 1.46 MB

A Reddit client app that helps users stay up to date with trending topics on Reddit, as part of the Codecademy full-stack project.

Home Page: https://elastic-sinoussi-2c728d.netlify.app/

HTML 5.41% CSS 25.16% JavaScript 69.43%
react reactjs react-redux redux redux-thunk javascript reddit reddit-client redux-store redux-toolkit

reddit-client's Introduction

Reddit Client

Screenshot

Introduction

This is a Codecademy fullstack engineer career path react-redux kanban project. "For this project, you will build an application for Reddit using everything you’ve learned, including React and Redux. Reddit is a website where people share links to articles, media and other things on the web. The Reddit API provides data which you will integrate into your application. The application will allow users to view and search posts and comments provided by the API."

Table of Contents

  1. Introduction
  2. Project Requirements
  3. Prerequisites
  4. Technologies
  5. Frameworks (libraries)
  6. Lighthouse Score
  7. Setup
  8. Files Structure
  9. Testing
  10. Other Technologies
  11. Deployment
  12. In-Progress Work
  13. Issues / bugs
  14. API / Credits

Project Requirements

  • Build the application using React and Redux

  • Version control your application with Git and host the repository on GitHub

  • Use a project management tool (GitHub Projects, Trello, etc.) to plan your work

  • Write a README (using Markdown) that documents your project including:

    • Wireframes
    • Technologies used
    • Features
    • Future work
  • Write unit tests for your components using Jest and Enzyme

  • Write end-to-end tests for your application

  • Users can use the application on any device (desktop to mobile)

  • Users can use the application on any modern browser

  • Users can access your application at a URL

  • Users see an initial view of the data when first visiting the app

  • Users can search the data using terms

  • Users can filter the data based on categories that are predefined

  • Users are shown a detail view (modal or new page/route) when they select an item

  • Users are delighted with a cohesive design system

  • Users are delighted with animations and transitions

  • Users are able to leave an error state

  • Get 90+ scores on Lighthouse

    • We understand you cannot control how media assets like videos and images are sent to the client. It is okay to have a score below 90 for Performance if they are related to the media from Reddit.
  • OPTIONAL: Get a custom domain name and use it for your application

  • OPTIONAL: Set up a CI/CD workflow to automatically deploy your application when the master branch in the repository changes

  • OPTIONAL: Make your application a progressive web app

Prerequisites

  • HTML
  • CSS
  • JavaScript
  • React
  • Redux
  • Jest, Enzyme, and Selenium
  • Git and GitHub
  • Command line (CLI) and file navigation
  • Wireframing

Technologies

  • HTML
  • CSS
  • Javascript
  • JSX
  • Git

Frameworks

  • React
  • Redux
  • Moment
  • react-icons
  • react-redux
  • Redux Toolkit
  • react-markdown
  • react-animated-list
  • react-loading-skeleton
  • testing-library/jest-dom

Lighthouse Score

Setup

  • Build the application using React and Redux
  • Version control your application with Git and host the repository on GitHub
  • Write unit tests for your components using Jest and Enzyme

Files Structure

  • In-progress

Testing Technology

  • Jest
  • Enzyme

Other Technologies

  • Git
  • GitHub
  • VS Code

Deploy Technology

  • Netlify (in-progress)

In-progress

  • Lighthouse Score
  • Responsive (mobile screens)

Known Bugs

  • None

API

reddit-client's People

Contributors

jkalio52 avatar

Watchers

James Cloos avatar  avatar

reddit-client's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.