Purpose

This is a project from Codecademy.com, where its goal is to use the technologies learned so far along with an API integration, in this case, Reddit.

Technologies

The next technologies are required for this project:

• React / Redux (libraries)
• React Router (client side routing)
• Typescript (typed programming language)
• Vite (build tool)
• Jest (JS testing framework)
• Tailwind (CSS framework)
• Reddit API
• Figma (interface design tool)
• Sinon JS (standalone test spies)

Project Flow

/*
┌─────────────┐      ┌─────────┐      ┌─────────────────────┐
| Wireframing | ---> | Routing | ---> | Stateful Components |
|_____________|      |_________|      |_____________________|

┌──────────────────────┐      ┌──────────────────────┐
| Stateless Components | ---> | Features Integration | --->
|______________________|      |______________________|

┌─────────┐
| Styling |
|_________|
*/

Feature Design Flow

Unit Creation and Testing

/*
┌─────────────┐
| Pseudo-code |
|_____________|

┌─────────────────────┐      ┌────────────┐      ┌───────────┐
| Implementation Code | ---> | Edge Cases | ---> | Unit Test |
|_____________________|      |____________|      |___________|

┌────────────────┐      ┌─────────────┐
| Error Handling | ---> | Refactoring |
|________________|      |_____________|
        ^                      |
        |______________________|
*/

Integration Testing