webiny
Build a Hacker News clone using React Native and Webiny
@endymion1818 @swapnilmmane I'd like to work on this title.
Abstract:
The Hacker News platform hosts some of the best technical content for developers and tech enthusiasts to devour. This tutorial will deconstruct the elements you'd need to build and serve an articles feed and rating platform like Hackernews (HN) using React Native and Webiny as a headless CMS.
Goals:
A concise tutorial of how one can build a Hacker News clone using React Native and Webiny. Deliverables: Clear code and steps toward a functional (front and backend) news platform managed through Webiny.
Outline:
Introduction
Building the HN clone with a headless CMS is an efficient way of displaying viral (technical) content. It bears a host of advantages worth incorporating in content-rich projects built with React Native and other frontend frameworks.
What Is A Headless CMS
- Definition
- Introducing Webiny
- Why Use Webiny
React Native At A Glance
- what is React Native (brief history)
- Strengths of React Native
- Why Use React Native
Dev Prerequisites
- Setting up the dev environment
- Installing dependencies
Building The FrontEnd
- Creating a UI with React Native
- walkthrough of pages and state progression
- Understanding and testing components mapping with the original HN site
Serving Content With Webiny CMS
- Creating a content structure
- Connecting front and back ends
Testing content delivery
- Creating users and news
- voting news articles (up and down)
- comments system
Extra features
- Jobs board
- Ordering news by date/filter
- fetching news from Firebase through the HN API
Conclusion
Resources
Great, thank you @rusiqe for the detailed abstract, we will have a look into this, and I will get back to you, thanks!
Thank you @rusiqe, the abstract looks good to us, assigning the issue to you!
