📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgments
• 📝 License

📖 React-Group-Project

React-Group-Project is a repository consisting of the following files:

• HTML file
• CSS file
• React file
• React with Redux Toolkit file
• Html,CSS and JS linters file

🛠 Built With

Tech Stack

• HTML
• CSS
• React-JS

Key Features

React-Group-Project - HTML/CSS & REACT

Features Added:

• Create a Space Travelers Hub website with React-js.
• Create all functionality a Space Travelers Hub have with react redux api asyncThunk.
• Create a (SPA) single page app but behave like multiple page app.
• User can book to the Rocket and Mishon.
• User can delete a booking Rocket and Mishon.
• User can see How Many Rocket and Mishon he/she Booked.
• CSS styles Added to the application to make it match this wireframe.

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Setup

Clone this repository to your desired folder:

cd my-folder git clone https://github.com/jubaer919/react-group-project.git

Prerequisites

In order to run this project you need:

• gitHub account;
• git installed on your OS.

Install

https://github.com/microverseinc/linters-config/tree/master/html-css-js

• Installations required to run this project:

Webhint installation.

• Run the following command:

npm install --save-dev hint@7.x

Stylelint installation.

• Run the following command:

npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x

ESLint

• Run

npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

Usage

You can use this project by cloning it to your folder and changing index.html and styles.css files.

(back to top)

Run tests

To run tests, run the following commands:

To track linter errors locally follow these steps:

Download all the dependencies run:

npm install

Track HTML linter errors run:

npx hint .

Track CSS linter errors run:

npx stylelint "**/*.{css,scss}"

Track JavaScript linter errors run:

npx eslint ."

To Open The Project On The Browser npm start

(back to top)

Deployment

You can redeploy this project by adding new lines of code to source files.

(back to top)

👥 Authors

👤 Jubaer hossain maruf

• GitHub: @jubaer919

👤 Khuraijam Henary Singh

• GitHub: @HenaryKhuraijam
• Twitter: @HenaryKhuraijam
• LinkedIn: Henary Khuraijam

(back to top)

🔭 Future Features

React-Group-project: a complete website this will be added.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

⭐️ Show your support

Give me ⭐️ If you like this project!

(back to top)

🙏 Acknowledgments

• I would like to thank Microverse program for providing me this great chance.

(back to top)

📝 License

This project is MIT licensed.

(back to top)