/ct-dev-challange

Website created by using free api (https://jsonplaceholder.typicode.com/) with ReactJs

Primary LanguageJavaScript

CT Dev Challenge

Application setup

  1. npm install - install npm packages that application need
  2. npm start - start application locally
  3. npm build - bundle the application

About application

When you goto the home page you can see posts get from jsonplaceholder API. Each post can view separate page with post description. There are a search bar for search post from all posts In users page we can see all users with details. Each user profile got two links to view posts and photo albums each user owned. When goto the ablums first there only shows albums of user and when click one of albums then goes to photos page. There are just dummy images from jsonplaceholder.

Aplication setup by using webpack from scractch. I have my own setup on github(https://github.com/DevKasun/react-webpack). With that application development faster instead of using "create-react-app" cli tool.

Colors used for this application

  • font color : #fff
  • Background colors : #17141D, #100E17 (inspired by CSS Tricks (https://css-tricks.com) website)

Tools & Background

  • React js
  • Node js
  • axios
  • Code Editor (VS code)
  • CSS with SCSS preprocessor (no css frameworks)
  • Brave web browser
  • Kubuntu - operating system