/YouThexchange-Project

Primary LanguageJavaScript

YouThexchange Project

Welcome to the YouThexchange Project! This repository contains the source code for a web application built using React and ExpressJS.

Table of Contents

Introduction

This project is a web application developed using React, a popular JavaScript library for building user interfaces, and ExpressJS to build the backend for the web. The application is designed to describe the purpose or goal of your project briefly. This is the link of the website YouThexchange Project.

Team Members

  • Lương Nguyên Khoa (VNUHCM - University of Science)
  • Dương Quang Thắng (VNUHCM - University of Science)
  • Võ Thịnh Phát (VNUHCM - University of Science)
  • Lý Nguyên Khang (HCMUT - Ho Chi Minh City University of Technology)

Getting Started

To get started with this project, follow these steps:

  1. Clone the repository to your local machine:
git clone https://github.com/Koa28062004/React-Web.git

To run the project, follow one of these methods:

Method 1: Using the Build and Run Scripts

  1. Build the project:
./build.sh
  1. Run the project:
./run.sh

Method 2: Using the Quick Run Script

Alternatively, you can use the quick run script:

./quickRun.sh
  1. Open your web browser and visit http://localhost:3000 to view the application.

Project Structure

Our project consists of 2 main folders: API and GUI, where API is the folder for the backend code and API serves the Frontend. We use ReactJS (frontend) and ExpressJS (backend).

Here is a more detailed analysis of your project structure:

"API" Folder:

  • Used for developing the backend of the application that uses ExpressJS.
  • data.txt used for storing data.
  • index.js is the primary function in API to code the search input.

"GUI" Folder:

  • Where the front end of the application is developed using ReactJS.
  • Can be organized into subfolders similar to the "API" folder to manage different parts of the user interface.
  • Each subfolder in "GUI" contains React source code, UI components, CSS files, images, and files related to the application's user interface.