muhammadshiraz / react-tentwenty

The goal of this project is to provide a minimal configuration to start building a React application without using any boilerplate or create-react-app.

Home Page:https://muhammadshiraz.github.io/react-tentwenty/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React JS From Scratch

This project is a basic setup for building a React JS application from scratch.

Including react v17, react-router v6, SCSS, Webpack v5

Setup React Project Without create-react-app

Table of Contents

Description

The goal of this project is to provide a minimal configuration to start building a React application without using any boilerplate or create-react-app.

Getting Started

To get started with this project, follow the steps below:

  1. Clone the Repository: Clone this repository to your local machine using the following command:
git clone https://github.com/muhammadshiraz/react-tentwenty.git
  1. Install Dependencies: Navigate to the project directory and install the required dependencies using npm:
npm install
  1. Start Development Server: Start the webpack development server to run the application locally:
npm start

This will launch the development server, and you can access the application at http://localhost:9000.

  1. Build the Application: To build the production-ready application, run the following command:
npm run build

The built files will be located in the dist directory.

Scripts

  • npm start: Starts the webpack development server.
  • npm run build: Builds the production version of the application using webpack.
  • npm test: Runs tests, if any.

Dependencies

  • React: ^17.0.2
  • React DOM: ^17.0.2
  • React Router: ^6.11.1
  • React Router DOM: ^6.11.1
  • React Burger Menu: ^3.0.9
  • Swiper: ^9.0.0

Dev Dependencies

  • Webpack: ^5.65.0
  • Webpack CLI: ^4.9.1
  • Webpack Dev Server: ^4.7.1
  • Babel CLI: ^7.16.0
  • Babel Core: ^7.16.5
  • Babel Preset Env: ^7.16.5
  • Babel Preset React: ^7.16.5
  • Babel Loader: ^8.2.3
  • HTML Webpack Plugin: ^5.5.0
  • Mini CSS Extract Plugin: ^2.4.5
  • CSS Loader: ^6.7.3
  • Sass: ^1.62.1
  • Sass Loader: ^12.4.0
  • Style Loader: ^3.3.2
  • File Loader: ^6.2.0
  • URL Loader: ^4.1.1

License

⚠️ This project is NOT FREE and is NOT OPEN SOURCE. All rights to the source code, design, and content are reserved by the project owner.

Usage of this app is strictly prohibited without explicit written permission from the project owner.

If you are interested in using, modifying, or distributing this project, please contact the project owner at muhammadshiraz996@gmail.com to inquire about licensing and usage terms.

This README.md file and its content are for illustration purposes only and should not be used or distributed without permission.


Thank you for checking out our React JS From Scratch project! For any inquiries or further information, feel free to contact us.

About

The goal of this project is to provide a minimal configuration to start building a React application without using any boilerplate or create-react-app.

https://muhammadshiraz.github.io/react-tentwenty/


Languages

Language:JavaScript 51.6%Language:SCSS 44.4%Language:HTML 4.0%