Skip to content

Thenextgen1/peddle-frontend-assessment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Peddle Frontend Assessment

  • Task 1 - Design Test
  • Task 2 - REST Api Proficiency

Requirements

NodeJs version 16 or newer installed on your computer.

Installation

Clone or download the repository as a zip folder

  • To run, on your command line navigate into project folder; then start with npm.
cd peddle-frontend-assessment
npm start

Usage

  • Task 1 - To view any of the pages:

Navigate to the /comingsoon, /blog, /about routes respectively.

localhost:3000/desiredpage
  • Task 2 - To view the github task:

Navigate to the /github route as well.

Dependencies Used

The following dependencies were required and used for the assessment:

  • Millify - Converted long numbers to readable strings obtained from calling the REST api in the /github route
  • Moment - Exracted and Parsed the date each repository was created, in the /github route, relative to the date set in the REST api.
  • React-Icons - Obtained specific icons from a collection of libraries.
  • React-Infinite-Scroll-Component - Used to implement infinite scroll in the /github route.
  • React-Reveal - Implemented certain animations in the coming soon and contact components.

What can be improved about this application

  • For the blog page, a custom api which returns JSON data or CMS should be created to host the contents of the blog.
  • The coming soon component could use a real time animated counter.
  • For UI best practices a light and darkmode design of each page should be created with a custom button or switch to change styles to the desired mode. or render styles based on the specification by the OS.

About

An assessment built on the react ecosystem

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published