3Scorers is a responsive reactJS web application that consumes private endpoints. It is designed primarily to accept inputs from customers and displays results fetched from different APIs.
The features implemented in this app were specified by the examiners. It is a dynamic web application that is responsive to different devices view ports. Response is gotten from private APIs fetched using JavaScript. This application accepts users details and authenticates them before access in given to private routes.
An improvement on this version of the application will leverage upon frameworks like BootStrap5 amongst others to make implementation and maintenance easier and faster.
The following frameworks were used for faster development of the web application:
- ReactJs
- React-router-dom v6
The examiners specially requested I use plain CSS without framework like BootStrap5 for this implementation. This increased the implementation time for this app. While implementing this web application, the other challenge I encountered was creating logics to fetch APIs. Although challenging, I found this exercise an interesting refresher on my JavaScript knowledge.
To run the app locally, please follow the steps below:
-
Git clone the repository on your terminal: git clone https://github.com/duokobia/3scorers.git
-
cd 3scorers
-
npm install
-
npm start
That is it! The application should run on your local server on http://localhost:3000.
The web application is intuitive and easy to navigate. From the landing page, click on any of the tabs in the navigation bar to go to their respective pages. This app authenticates users. Hence a login access is required for private routes.
You can switch to any of the public routes desired at anytime using the navigation tab.
This web application was solely implemented by me as a frontend developer assessment administered by XXXX XXX XXXXX. Product specification was given and I sourced the images used from upslash website. Attribution was done in the app's html and css pages these images were used. I drew inspiration from a couple of resources which includes:
websites:
vbloggers:
- Youtube resources.