This week I added user details page and the dropdown in header

Github Repo — https://github.com/ajitsinghkaler/devto-clone

Deployed on Firebase — https://dev-toclone.firebaseapp.com/

Last week I did some research on how to implement login or signup in the clone but was to no avail the Oauth2 is still in private alpha. Then I tried keys with local storage too which did not work because the API does not allow you to make calls with the api_key header its allows in postman but nit in the browser. …


Github Repo — https://github.com/ajitsinghkaler/devto-clone

Deployed on Firebase — https://dev-toclone.firebaseapp.com/

Last week we finished details page, article section and basic comments section.

This week I added the complete comments section. It was one the most complex tasks while building the dev.to ui. The comments structure is a bit complex to render. Comments contain a key called children which can again contain comments so it was like a tree like structure.

├── comment
│ ├── comment ─── comment
│ │ └── comment
│ ├── comment
│ ├── comment ─── comment ─── comment
│ │…

Github Repo — https://github.com/ajitsinghkaler/devto-clone

Deployed on Firebase — https://dev-toclone.firebaseapp.com/

Last week we added details page but did not style the middle articles portion.

This week I added the article section CSS and added basic comments the comments section. Is on a different branch so will not deployed right now.

We have new contributors too Nivetha Mani who is building the videos detail page did a great job she has already completed it added infinite scroll and made everything responsive too she has already completed her work but there are some small changes after that her work would be merged. …


Github Repo — https://github.com/ajitsinghkaler/devto-clone

Deployed on Firebase — https://dev-toclone.firebaseapp.com/

Last week I added article section dev.to clone.

This week we added the tags store and joined the tags to the api. We mostly follow a pattern to add an api service which makes all the api calls and a store service which sores al the data related to that service.

We also added listings using the same pattern. This is the first time we used *rxLet. It really makes working with all Observable in the templates easier do check it out. It allows you four states for an observable suspense…


One of the biggest problems while learning Cloud computing and cloud is that everything is paid. While services like Azure has $200 credit for a month and GCP 300$ for 90 days but AWS has nothing. Let me tell you a trick to get free AWS credits for POC or learning.

  1. Think of an idea for AWS usage.
  2. Use this link https://pages.awscloud.com/adoptf90d_GLOBAL_POC-credits.html to register in there POC programme.
  3. Fill the form with your idea and get $300 free credits for up to 6 months.

I am an angular collaborator and an avid user of Angular this is my first react project a netflix clone using react, styled components, jest tests. It uses firebase firestore as the DB if you want to run it you have to set it up using the seed data already given. To setup follow the instruction in readme and firebase.prod.js. You can also fork my repo or set it upto learn more.

Few of my positive experiences

  1. Creating a component in React.js is a dream components cannot be created easier than this.
  2. Hooks for state management — Hooks are a really easy paradigm for state…

Github Repo — https://github.com/ajitsinghkaler/devto-clone

Deployed on Firebase — https://dev-toclone.firebaseapp.com/

Last week I added Article store and sidebar in our dev.to clone.

This week I added the articles section. The articles section is divided into three parts the featured article ie the first article in your feed the rest of the articles section and the top header from where I select the time interval of our feed. Right now the feed is generic not based on any tags and user but I will do that later. …


Github Repo — https://github.com/ajitsinghkaler/devto-clone

Deployed on Firebase — https://dev-toclone.firebaseapp.com/

Last week I created a header component. It was just HTML and it was in the following position.

.

This week I stated adding the body of the dev.to website I used a component to handle all the margins and padding on the body of the dev.to website. And created all body sub-elements as the the children of this Component in routing.

To start with body sub-components I created a home module I created a new module for homepage because people may open other pages before visit our home page so…

Ajit Singh

Front End Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store