Bestseller Frontend Test (GiftCard Checkout Module)

Demo deployed to AWS S3 and JSON Server working on Heroku

http://bestseller-frontend.s3-website.eu-central-1.amazonaws.com/

How it works?

After cloning the repo, first please run:

npm install

Then please run the JSON Server and Node Server.

Json Server

json-server --watch db.json --port 3001

Node Server

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser,
JSON server is on http://localhost:3001.

Dependencies

*Project created with create-react-app
*Styled Components and Scss for styling and as library Material UI used.
*For server side rendering used react-snap
*For deploying and demo purposes AWS S3 service has been used.
*Axios used for fetching data from JSON Server.

Demo JSON Data

For demo purposes please enter one of the following cardnumber and control number to related fields in app.
"cardnumber": "5078282848878291861",

"control": "175"

"cardnumber": "6435047555924007105",

"control": "201"

"cardnumber": "6435047555924007905",

"control": "285"

"cardnumber": "6435047555924007505",

"control": "296"

`

What I Practiced

*Ofcourse the Styled Components and Material UI elements props.
*I have completed the project very relaxed way in 2 Days, I have learned more calm down way of developing thanks to Bestseller.

What can I Do for Improving the App

*Depending on the total project structure, i can practice to use Redux on that project.
*I can create a Postgresql Database and use as Database for cardnumber.
*I can try and practice to migrate the project to Next.JS
*In a great environment and with the best people, I think i can't imagine the limits.