Building The Hindu Website Clone using React
Hi reader, The Hindu website clone was part of the 5 days Build Week along with 3 of my teammates. I would like to introduce you bit about me first, I am Ashutosh Kumar and i have been learning web development at Masai School, an online Coding Bootcamp for over 4 months now. In this blog, i would like to share with you how we came up with the project and implemented it from scratch with my fellow colleagues.
What is The Hindu and how we achieved the design?
The Hindu is probably the oldest English-language Daily Newspaper owned by The Hindu group and founded in 1878 and is one of the most circulated newspaper in India. The Hindu is published from 21 locations across 11 states of India. We used technology stack containing React, Redux, JavaScript, CSS and some of the famous frameworks like Material-UI, React Semantic-UI to achieve the design.
How did we actually clone ?
- We tried to implement a working homepage which would allow users to filter the news according to the categories.
- We also make a working authentication where you can signup with new account or log in using existing one.
- We created a subscription page that had a option for users to buy annual or monthly budget subscription.
- We also worked on a user dashboard which had all the bookmarks and suggestions for users who are logged in.
- Users can also view each news and also like, bookmark and comment on the new post.
A little introduction about the teammates and our contributions.
I can’t my Ashish Bhagat, Jotsarup Singh, Jamwant Yadav for their contributions enough. Everyone worked hard in this project and were constantly available for collaboration and teamwork. I would like to mention their contributions and highlight each one’s effort.
Ashish and Jamwant worked together on homepage to make it completely working from collecting data of news to creating the filters and the homepage design that was present on the original website. They also created each news page with comments feature.
Jotsarup Singh worked on subscription page, and a live search with all the functionalities for annual and monthly subscription.
Along with that i worked on dashboard along with authentication feature, private routing and the designing part.
Ashish took care of reviewing the code while we merged all our codes and tracking the progress according to project timeline.
Though some parts of the project was not easy to clone easily so we to search for many external libraries to achieve the result, even we tried coming up with new approach to solve the problem. I would easily say working in a team with these guys was fun and a learning experience.
Ending Notes
In our humble attempt to clone the The Hindu website we tried our best to achieve the pixel perfect clone with whatever knowledge and expertise we possessed.
If you want to checkout the repository and have a look at it, please go https://github.com/Jammy12345/Team-Butane-THE-HINDU to and fork the repository.
In the end, i would like to thank my teammates for working together and collaboratively helping each other. Please like and comment your suggestions how you felt about our project.