https://github.com/nikosajadi/simple-react
Welcome to my React project! This repository showcases my journey of building a React application from scratch. Whether you're a beginner or looking to refresh your React skills, this project covers essential React concepts. Alongside React, https://my-simple-react.vercel.app/
https://github.com/nikosajadi/simple-react
react-javascript-frontend-beginner reactjs taiwindcss
Last synced: 6 months ago
JSON representation
Welcome to my React project! This repository showcases my journey of building a React application from scratch. Whether you're a beginner or looking to refresh your React skills, this project covers essential React concepts. Alongside React, https://my-simple-react.vercel.app/
- Host: GitHub
- URL: https://github.com/nikosajadi/simple-react
- Owner: nikosajadi
- Created: 2024-10-09T10:58:34.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2024-10-23T17:59:16.000Z (12 months ago)
- Last Synced: 2025-02-02T09:11:15.589Z (8 months ago)
- Topics: react-javascript-frontend-beginner, reactjs, taiwindcss
- Language: JavaScript
- Homepage: https://my-simple-react.vercel.app/
- Size: 44.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## My React Project
Welcome to my React project! This repository is created to share my journey of building a React application from scratch. Whether you're a beginner or someone looking to refresh your React knowledge, this project covers all the necessary steps to learn and understand React concepts.
##In addition to learning React, you can also see a part of my artistic life and explore my paintings within this project.
## Project Overview
This project is a simple yet effective React application that showcases fundamental concepts such as components, state, props, hooks, and more. By following this project, you'll get hands-on experience with React and its ecosystem.
## Live Demo
You can see the live version of this project deployed on Vercel:
# https://my-simple-react.vercel.app/
## Project Overview
This project is a simple yet effective React application that showcases fundamental concepts such as components, state, props, hooks, and more. By following this project, you'll get hands-on experience with React and its ecosystem.
Feel free to explore the code, experiment with it, and contribute to improve the application. Whether you’re learning React for the first time or brushing up on your skills, this project serves as a great learning tool.
You can see the live version of this project deployed on Vercel:
[https://my-simple-react.vercel.app/](https://my-simple-react.vercel.app/)
## Features
- React Functional Components
- State Management with Hooks
- Conditional Rendering
- Event Handling
- Styling with CSS
- Responsive Design
## How to Run Locally
If you'd like to run this project locally, follow the instructions below:
1. Clone the repository:
```bash
git clone https://github.com/nikosajadi/simple-react.git
## Getting Started
### Prerequisites
Make sure you have Node.js installed on your system.
- [Download Node.js](https://nodejs.org/)
### Installation
1. Clone the repo
# Getting Started with Create React App
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
### `npm test`
### `npm run build`