![]()
The user interface of an SEO-built in React/Typescript uses SERP API calculations.
An admin can manage jobs running on the platform and can run jobs like fetcher, grouper & combined job.
Simple users can only run jobs.
There is a sign-in page then we land on the active jobs page at there we have a list of active jobs including all running, completed & failed jobs run by a user.
Then there is a section of archived jobs in which there are jobs that are archived by the logged-in user.
There are three types of job:
Fetcher, Grouper & Fetcher and Grouper.
Fetcher fetches top most search results of selected search engine against each provided keyword.
Grouper combines the fetched results against some provided parameters
While Fetcher & Grouper does both actions in a sequence.
Most styling has been in using SCSS. Moreover, custom CSS is another solution for some corner cases. I've expertise in writing custom CSS solutions too. Because sometimes framework doesn’t provide a solution to our problem so custom CSS comes into place.
The server has been written in node/express. Due to extra code effort, express is used on node runtime to write APIs more quickly. Basically express is a server-side framework of nodejs
Authentication has been done using jsonwebtoken & bcrypt modules and express.js has been used as the server-side framework.
MongoDB has been used to store & manipulate job stuff. and UI library used in this project is React with Typescript.
The purpose of choosing to React with Typescript is simple as we want to create re-usable & scalable components.
Published:July 26, 2022