Skip to content

embohtotally/react-basics-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Task Management App

A simple task management application built with React. This project was created as part of learning React basics.

Features

  • Add new tasks
  • Mark tasks as complete/incomplete
  • Visual feedback for completed tasks
  • Clean and modern UI
  • Responsive design

Live Demo

  • GitHub Pages: View Demo
  • Vercel: Coming soon

Getting Started

Prerequisites

  • Node.js (v14 or higher)
  • npm (v6 or higher)

Installation

  1. Clone the repository

    git clone https://github.com/your-github-username/react-basics-example.git
    cd react-basics-example
  2. Install dependencies

    npm install
  3. Start the development server

    npm start
  4. Open http://localhost:3000 to view it in your browser

Building for Production

npm run build

Technologies Used

  • React 18
  • Create React App
  • CSS for styling
  • GitHub Pages for deployment
  • Vercel for deployment

Learning Objectives

  • React Components
  • State Management with useState
  • Event Handling
  • Conditional Rendering
  • CSS Styling in React
  • Git and GitHub workflow
  • Deployment with GitHub Pages and Vercel

Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors