bitly.md

Home ask

---

this app will be https://bitly.com/ clone .

Short url is a way to count the number of hits per URL, we should save the original URL and redirect to the original URL.

Implement web-application, consists of:

• Admin part: /admin
  • list of short urls
  • option to create a new short URL
  • option to delete an existing short URL
• Redirect page - should check for the URL id, increment the counter and redirect to the original URL

Mockups:

• list https://ibb.co/80KvwQN
• new URL https://ibb.co/G5jdqSH

Examples

Client URL's

• http://localhost/admin - should display the admin panel
• http://localhost/redirect/a2sf3 - should redirect to the original link for short id #123, 404 for not found urls

API

• POST http://localhost/api/urls - new url
• DELETE http://localhost/api/urls/a2sf3 - delete url #123
• GET http://localhost/api/urls - get the list of all the saved URLS
• GET http://localhost/api/urls/a2sf3 - get url #123 - json format

General instructions

• The api should be written under one of the following backend paltforms: Node.js
• The client should be written using React (function components with hooks)
• Do not use a UI components library for the UI (such as Material UI, Bootstrap etc...)

Bonus points:

• Client/Server written with Typescript
• Client using redux-toolkit
• The Admin Screen should be responsive (which means it should look perfect on desktop and mobile)
• Dockerized

What to send?

• Link to a public repo with the source code
• The source code should contain a schema representing the model it can be an sql file, a json file, an ERD, a drawing etc...
• The source code should contain both the server and client code
• Readme file with instructions how to run the project from a-z

Good Luck