A sample React Project presented during lecture
Table of Contents
The Amazon Clone project is a web application developed as a sample project for lectures aimed at DICT (Department of Information and Communications Technology) Scholars. This project serves as a practical demonstration of building a fully functional e-commerce platform using ReactJS, a popular JavaScript library for building user interfaces.
The main objective of this project is to provide DICT Scholars with hands-on experience in developing a real-world application using modern web development technologies. By replicating the core features and functionalities of the Amazon website, participants will gain a deeper understanding of the ReactJS framework, component-based architecture, and state management concepts.
This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.
Check if nodejs is installed
node -v
npm -vBelow is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.
- Fork the repo
- Clone the repo
git clone https://github.com/your_username_/amazon-clone.git
- Install NPM packages
npm install
- Run
npm run dev
- Main Page
- Created components
- Display data using JSON Data
- Able to pass values using props
- Hooks and States
- Routing
When JSX is rendered, JSX className attributes are automatically rendered as class attributes.
JSX does not support if/else syntax in embedded JavaScript. There are three ways to express conditionals for use with JSX elements:- a ternary within curly braces in JSX
- an if statement outside a JSX element, or
- the && operator.
- syntax and attributes
- self-closing
- multiline
- nested
- event listener
- .map
- key attribute
- return
- function
- import and export
- capitalization
- props
- destructuring
Distributed under the MIT License. See LICENSE.txt for more information.