https://github.com/faranak-cs/rugbyworldcup2023

Rugby World Cup 2023 website powered by React.js, Node.js and MySQL
https://github.com/faranak-cs/rugbyworldcup2023

bootstrap expressjs mysql nodejs reactjs

Last synced: 1 day ago
JSON representation

Rugby World Cup 2023 website powered by React.js, Node.js and MySQL

• Host: GitHub
• URL: https://github.com/faranak-cs/rugbyworldcup2023
• Owner: faranak-cs
• Created: 2024-03-05T16:50:41.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-03-11T23:24:19.000Z (8 months ago)
• Last Synced: 2024-03-12T00:32:18.337Z (8 months ago)
• Topics: bootstrap, expressjs, mysql, nodejs, reactjs
• Language: TypeScript
• Homepage:
• Size: 1020 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Rugby World Cup 2023 Website

Data driven component-based website built using Meta’s ReactJS library for front-end components, Express.js for building RESTful API with Node.js, Postman for API testing and MySQL database following a three-tier architecture.

# How to Run

1. Install XAMPP. Start Apache and MySQL module from XAMPP Control Panel.

2. Download SQL database files provided in folder `rugbyworldcup2023/database/`.

3. Open MySQL admin from XAMPP Control Panel and import both SQL databases.

4. Now MySQL server is running on localhost.

5. Install Node.js to setup REST API server and React server.

6. Download the project repository.

7. Open both folders `rugbyworldcup2023/rest-api-server` and `rugbyworldcup2023/react-components`  separately in Windows Terminal.

8. Enter the following command in the REST API folder terminal to run REST API server:

```

node index.js

```

9. Now REST API server is running on localhost.

10. Enter the following commands in the React folder terminal:

```

npm install

```

```

npm run dev

```

11. Now React server is running on localhost.

12. Website is up and running by implementing three-tier architecture. Thanks :)

# Login 

Use the following login credentials for the website:

**email:** `[email protected]`

**password:** `test123`

# Demo

I have uploaded a video demo on YouTube. Click [here](https://youtu.be/sFokhCEDtz8) to watch. Thanks :)