profydev / reddit-timer-melwynt

Welcome to Reddit Timer App 👋

Use a heatmap to show users what is the best time to post in a given subreddit.

Search In progress

About This Project

I implemented this project in the context of a course at profy.dev. This course mimics a professional real-world development environment.

Designs were provided via Figma. The project was split into small tasks using Clickup as a project management tool. I created a pull request for every task. The code was reviewed line by line by Johannes, a senior developer.

In this project I have been exposed to many practical techniques that I wouldn't have learned otherwise. Examples as following but not limited to:

• Creating pixel-perfect designs
• Planning and implementing a complex UI component
• Implement data fetching with error handling
• Debugging inside an IDE
• Writing integration tests
• Professional Git workflow with pull requests
• Code reviews
• Continuous integration

I was free to choose any technical stack, packages, and coding styles to finish the project as long as I met the acceptance criteria of a given task. The only limitation was to use React.

The code reviews gave me insights into best practices to follow (see this example). I was able to learn a lot and evolve my front-end knowledge rapidly.

✨ Demo Link

Tech Stack

• React (Hook)
• SASS/SCSS

Tools Use for the Project

• Figma - Where the design came from
• Pixel Perfect Pro - To Help create Pixel perfect Layout
• Clickup - Project Management Tool
• Github - Version control & team collaboration
• Slack - Team communication tool

Install

yarn install

Usage

yarn start

Run tests

yarn cypress run

Author

👤 Melwyn Turbant

• Twitter: @melwyncode
• LinkedIn: @melwynturbant

---

Special Thanks to profy.dev and Johannes Kettmann.