ainabjerke / royal_project

Course assignment JS framework

Home Page:https://tangerine-cocada-27a8d8.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Royal is an e-commerce site for men and women watches

JS Framework course assignment

image

Table of Contents

Description

This course assignment project was part of my last year of studies. It is an e-commerce site for watches with both a front-end and an admin page built with WordPress hosting the products.

Some features:

  • React framework is used to create this project
  • Separate WordPress installation with JWT plugin as API to host product image, title, description and price
  • Rest is used for the API calls
  • Reusable components
  • Home page displays an array of product items, and each single product item is retrieved by image, title, id and price of each product.
  • A favorite path/page will display all the selected produtct item current in the favorite array
  • Product detail page gets the parameter from the URL and used it in an API call to fetch the images, title, price and description of each products
  • Contact page the following requirements: The form makes a request to WordPress API with JWT plugin installed. If the login is successful redirect the user to the admin route. If the login is unsuccessful display a message above the from

Built With

Getting Started

Getting Started using the hosted application link in Netlify

URL: https://tangerine-cocada-27a8d8.netlify.app/

You can now play around on the website. Viewing products and adding products to the favorite page. You can also log in as an admin. If you want further information about this please contact me.

How to start the project locally

  • Download this repository with your preferred method OR clone the repo
  • If you decided to download the zip-file please extract it
  • Now you need to install the dependencies. Run: npm install
  • To run the project run the following command: npm run start
  • Now the app will run in development mode. Open: http://localhost:3000 and you can view it in the browser. The page will reload when you make changes.

Contributing

This was made as a school crourse assignment project during my last years of studies. It was done independently by myself.

Contact

The best way to reach me would be through the following sites:

My Portfolio

My LinkedIn page

About

Course assignment JS framework

https://tangerine-cocada-27a8d8.netlify.app/


Languages

Language:JavaScript 76.9%Language:SCSS 19.2%Language:HTML 3.3%Language:CSS 0.6%