Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pikuzamarie/react-essentials-website
React essentials one-page website | React
https://github.com/pikuzamarie/react-essentials-website
clean-code jsx-syntax props-and-state-components reactjs usestate-hook
Last synced: 30 days ago
JSON representation
React essentials one-page website | React
- Host: GitHub
- URL: https://github.com/pikuzamarie/react-essentials-website
- Owner: PikuzaMarie
- Created: 2025-01-18T18:49:02.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-01-18T19:18:00.000Z (about 1 month ago)
- Last Synced: 2025-01-18T20:25:06.455Z (about 1 month ago)
- Topics: clean-code, jsx-syntax, props-and-state-components, reactjs, usestate-hook
- Language: JavaScript
- Homepage:
- Size: 1.16 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Essentials Website
One-page website for the revision of `React` essentials both visually and hands-on!
## Website UI
## How to run the project locally
### 0. Prerequisities:
- If you don't have `Node.js` on your PC, install it [here](https://nodejs.org/en/download) (use version **20.18.0** or above)
- Verify `node` version
```bash
node -v // Should print "v20.18.0" or above.
```
- Verify `npm` version
```bash
npm -v // Should print "10.9.0" or above.
```
### 1. Clone the repository:
```bash
git clone https://github.com/PikuzaMarie/react-essentials-website.git
```
### 2. Go to the directory:
```bash
cd react-essentials-website
```
### 3. Install dependencies:
```bash
npm install
```
### 4. Start the project
It will automatically run in your default browser at http://localhost:3000/
```bash
npm run dev
```
## Features
- [x] `Header` section
- [x] Configurable section with `core React features`
- [x] Configurable section with `React examples` presented as interactive tabs
## Extra
- [x] Clean code with the use of `ESLint`, `Prettier` & `lint-staged`
- [x] Flexible content update by modifying the files in `data` folder
## Contribution
This project was developed using materials from the`'React - The Complete Guide 2025'` instructed by `Maximilian Schwarzmüller` at `Academind`: [link to github repo](https://github.com/academind/react-complete-guide-course-resources/tree/0ab7270a46e15f0ec3cb2c13e3d5ab9f483a8039/attachments/03%20React%20Essentials)