https://github.com/kartikk-26/react-dev-practise-traning
This repository contains my practice sessions from evening classes focused on React development, where I build responsive web apps using React and Vite.
https://github.com/kartikk-26/react-dev-practise-traning
reactjs tailwindcss
Last synced: 8 months ago
JSON representation
This repository contains my practice sessions from evening classes focused on React development, where I build responsive web apps using React and Vite.
- Host: GitHub
- URL: https://github.com/kartikk-26/react-dev-practise-traning
- Owner: Kartikk-26
- Created: 2024-08-29T09:29:00.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-03T09:33:35.000Z (about 1 year ago)
- Last Synced: 2025-01-31T21:26:48.994Z (8 months ago)
- Topics: reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://linktr.ee/kartik.jain
- Size: 746 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
# ⚛️ React-Dev-Practise-Traning
This repository tracks my **PRACTISE TRAINING OF REACT** in the evening session, where I am developing responsive web applications using **React** and **Vite**. This space serves as a record of my progress and learnings from the training.
## 📑 Table of Contents
- [Overview](#-overview)
- [React + Vite](#-react--vite)
- [Prerequisites](#-prerequisites)
- [Getting Started](#-getting-started)
- [Daily Practice and Project Development](#-daily-practice-and-project-development)
- [Contributing](#-contributing)
- [Connect with Me](#-connect-with-me)
## 📝 Overview
This repository is designed to document my journey in learning **React** through daily practice and project building. The training focuses on mastering key React concepts like components, state, props, hooks, routing, and API integration while utilizing **Vite** for efficient development.
Whether you're a frontend developer, full-stack developer, or React enthusiast, this repository provides a solid foundation in React development with practical projects and exercises.
## ⚡ React + Vite
The **React** and **Vite** setup in this repository ensures a fast and modern development experience. **Vite**'s minimal setup and Hot Module Replacement (HMR) allow for quicker iterations, making it a great choice for React applications.
Here are the available Vite plugins for React development :
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md): Uses [Babel](https://babeljs.io/) for Fast Refresh.
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc): Uses [SWC](https://swc.rs/) for Fast Refresh.
## ⚙️ Prerequisites
Before getting started, make sure you have the following installed :
- **Node.js and npm**: Download them from [nodejs.org](https://nodejs.org/).
- **React Developer Tools**: Install this extension in your browser for better development experience.
To verify your Node.js installation, run :
```bash
node --version
```
## 💬 Getting Started
To get started with the projects in this repository, follow these steps :
### 1️⃣ Clone the repository
```bash
git clone https://github.com/Kartikk-26/React-Dev-Practise-Traning.git
```
### 2️⃣ Navigate to the project directory
```bash
cd React-Dev-Practise-Traning
```
### 3️⃣ Install dependencies
```bash
npm install
```
### 4️⃣ Start the development server
```bash
npm start
```
You can now view the application at `http://localhost:3000` in your browser. Explore the code, modify it, and practice React concepts.
## 👨💻 Daily Practice and Project Development
This repository serves as a space for my continuous React development training :
- **Daily Practice** : Engaging in exercises to strengthen my understanding of React concepts.
- **Project Development** : Building real-world applications to apply what I've learned. This repository will be frequently updated as I advance in the React class.
## 🤝 Contributing
Contributions are welcome! If you'd like to contribute, here’s how :
1. **Fork the repository** : `Click on the "Fork" button in the upper-right corner of the page. `
2. **Create a new branch** : `git checkout -b feature/your-feature`.
3. **Commit your changes** : `git commit -m 'Add new feature'`.
4. **Push your branch** : `git push origin feature/your-feature`.
5. **Open a pull request** for review : `In your GitHub repo, go to "Pull Requests," click "New Pull Request," choose your branch, and create the pull request. `
## 💡 Connect with Me
Stay connected on [LinkedIn](https://www.linkedin.com/in/-kartikjain/) to see more projects and improvements as I continue to learn and grow through this React training. Let's collaborate and create impactful web applications!
Stay tuned for more updates as I progress in this training.
---