Skip to content

React Front End project with professional design and rigid requirement from the senior developer.

License

Notifications You must be signed in to change notification settings

kelvin8773/reddit-timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to Reddit Timer App 👋

Version License: MIT Twitter: kelvin9877 Netlify Deploy

App Home Screen

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

App Search Screen

Search In progress

About This Project

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

Designs were provided via Zeplin. The project was split into small tasks using Asana 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 limit to:

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.

Inspired by some of the concepts introduced in this project I wrote up an article to teach other junior developers how to get started writing tests for React applications. This article was very well-received. It got 200+ reactions and was featured in the dev.to newsletter.

Tech Stack

  • React (Hook)
  • Redux Tool kit
  • Styled-component

Tools Use for the Project

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

Install

yarn install

Usage

yarn start

Run tests

yarn test

Author

👤 Kelvin Liang


Special Thanks to ooloo.io and Johannes Kettmann.

About

React Front End project with professional design and rigid requirement from the senior developer.

Topics

Resources

License

Stars

Watchers

Forks

Contributors 3

  •  
  •  
  •