bayuagpr / fe-xaltius-test

Xaltius Developer Technical Test: (Front-end)

Xaltius Developer Technical Test: (Front-end)

Age Color Generator Apps

This repository contains the source code for Age Color Generator front-end web apps. This web apps create with React.

DEMO

Screenshot

This web apps is responsive to desktop and mobile

Home page

Select Birth Date

Form Filled

Color Page

Table of contents

• Technologies
• Packages Structure
• Getting Started
  • Setting Up
  • How To Run
  • How To Build
• Deployment

Technologies

• React
• React Router
• Styled Components
• Redux
• Reselect
• Axios
• Material UI date picker

Packages Structure

• api (API list and utilization)
• components (Base Component)
• config (Configuration)
• pages (Pages component and App Component)
• redux (Redux action, reducer and reselect)

Getting started

Setting up

NPM required

• Clone this repository: git clone hhttps://github.com/bayuagpr/fe-xaltius-test.git
• Move into the project directory: cd fe-xaltius-test
• Install the dependencies: npm install

How to run

• Run the development task: npm start

How to build

• Run build for production: npm run build

The app for production will be ready in build folder.

Deployment

• Push code to Github: git push origin master

The app will be auto deploy to https://xaltius-fe-test.netlify.app/