https://github.com/ab-noori/react-project-template

Environmental setup and tools needed to develop a React application.
https://github.com/ab-noori/react-project-template

deployment linters reactjs

Last synced: 3 months ago
JSON representation

Environmental setup and tools needed to develop a React application.

• Host: GitHub
• URL: https://github.com/ab-noori/react-project-template
• Owner: ab-noori
• License: mit
• Created: 2023-04-04T14:43:37.000Z (almost 2 years ago)
• Default Branch: dev
• Last Pushed: 2023-04-06T06:54:14.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T06:51:43.210Z (4 months ago)
• Topics: deployment, linters, reactjs
• Language: JavaScript
• Homepage: https://ab-noori.github.io/react-project-template/
• Size: 694 KB
• Stars: 12
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


![](https://img.shields.io/badge/Microverse-blueviolet)





> # React Project Template

| Desktop Veiw Representation|

|---------------------------------------|

|
![screenshot](./public/project-shot.PNG)
|


# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ (OPTIONAL)](#faq)

- [📝 License](#license)

# 📖 [React-Project-Template] 

> **[React-Project-Template]** is an environmental setup and tools needed to develop a React application.

## 🛠 Built With 

### Tech Stack 

- Client

    


      
React

    


### Key Features 

- **[Responsive layout]**

- **[UX/UI accessibility]**

- **[Dynamic data]**

(back to top)


## 🚀 Live Demo 

> - [Live Demo Link](https://ab-noori.github.io/react-project-template/)

(back to top)


## 💻 Getting Started 

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

### Prerequisites

In order to run this project you need:

  - A browser of you choice.

  - A text editor of your choice.

  - An installed node.js on your local system

### Setup

Clone this repository to your desired folder:

- Use the following Commands:

      cd your-desired-folder

      git clone [email protected]:ab-noori/react-project-template.git

### Install

- Install this project with:

       npx create-react-app my-app

       cd my-app

       npm start

### Usage

- Use following commands to run on your local system:

      npm run build

      npm run deploy

### Run tests

- Run the following script and style test:

      npx eslint "**/*.{js,jsx}"

      npx eslint "**/*.{js,jsx}" --fix

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

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

 

### Deployment

You can deploy this project using:

- Free deployment services like GitHub pages.

- Any deployment services of your choice.

(back to top)


## 👥 Authors 

👤 **Abdul Ali Noori**

- GitHub: [@ab-noori](https://github.com/ab-noori)

- Twitter: [@AbdulAliNoori4](https://twitter.com/AbdulAliNoori4)

- LinkedIn: [abdul-ali-noori](https://www.linkedin.com/in/abdul-ali-noori-384b85195/)

## 🔭 Future Features 

- [ ] **[Add About page]**

- [ ] **[Add Contact page]**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/ab-noori/React-Project-Template/issues).

(back to top)


## ⭐️ Show your support 

 

  If you like this project, give it a star.

(back to top)


## 🙏 Acknowledgments 

  I would like to thank Microverse and my coding partners, and also give credit to Traversy Media

YouTub Channel, I really learned a lot from this channel.

(back to top)


## ❓ FAQ (OPTIONAL) 

- **How to make it mobile friendly?**

  - Put a viewport tag in the header

- **How to design the site?**

  - Draw a mockup before start to code

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)