https://github.com/aelyakoubi/react-basics-project
FRONT-END: Recipe checker : React.js - Vite.js - Chakra Ui
https://github.com/aelyakoubi/react-basics-project
chakra-ui eslint front-end prettier react recipe-app recipe-website recipes-app vite
Last synced: about 1 month ago
JSON representation
FRONT-END: Recipe checker : React.js - Vite.js - Chakra Ui
- Host: GitHub
- URL: https://github.com/aelyakoubi/react-basics-project
- Owner: aelyakoubi
- Created: 2023-03-07T19:59:49.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-18T19:15:35.000Z (8 months ago)
- Last Synced: 2025-02-18T19:40:49.473Z (8 months ago)
- Topics: chakra-ui, eslint, front-end, prettier, react, recipe-app, recipe-website, recipes-app, vite
- Language: JavaScript
- Homepage: https://react-basics-project-a.netlify.app/
- Size: 49 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Professional React Project Starter
A minimal and clean React project template built with Chakra UI, without using any external CSS.
---
## Overview
This project is a foundational template for React applications that leverages **Chakra UI** for styling, ensuring a consistent, modern, and fully responsive design—all without using CSS files.
---
## Features
- **Framework:** React
- **Styling:** Chakra UI for component-based styling (no external or custom CSS used)
- **Languages:** JavaScript, HTML
- **Build Tool:** Vite for fast and efficient builds
---
## Prerequisites
Ensure the following are installed on your system:
- **Node.js** (LTS version recommended)
- **npm** (comes bundled with Node.js)
- **Code Editor:** Visual Studio Code
---
## Setup Instructions
1. **Clone the Repository**
Clone this repository to your local system:
```bash
git clone
Navigate to the Project Folder
Change your working directory to the project folder: cd react-project-starter
---
Install Dependencies
Install all required dependencies using: npm install
---
Run the Development Server
Start the development server with: npm run dev
---
Open your browser and navigate to: http://localhost:5173
---
Build the Project
To build the project for production, use: npm run build
---
Demo Video
- [Watch the full demo on YouTube](https://youtu.be/nOPFzUtAkTc)
- For a quick preview, click the short demo video file below:
---
https://github.com/user-attachments/assets/565f382d-380d-4a36-b01a-8a881e57a3a6
