https://github.com/od-c0d3r/todo-app-react

todo app practicintg react
https://github.com/od-c0d3r/todo-app-react

Last synced: about 2 months ago
JSON representation

todo app practicintg react

• Host: GitHub
• URL: https://github.com/od-c0d3r/todo-app-react
• Owner: od-c0d3r
• Created: 2022-01-10T08:22:22.000Z (almost 3 years ago)
• Default Branch: development
• Last Pushed: 2022-03-14T06:52:57.000Z (almost 3 years ago)
• Last Synced: 2024-10-21T19:04:45.728Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 688 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Todo app

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app)

## Built With

- JavaScript framework : ReactJs

## Live Demo

- Served with Github pages : [Live](https://622ee353e5d1f00e265aadd9--happy-mcclintock-7bf83e.netlify.app/)

## App Tree

```markdown

src

├── components

│   ├── About

│   │   └── About.js

│   ├── App

│   │   ├── App.css

│   │   └── App.js

│   ├── Header

│   │   ├── Header.js

│   │   └── Header.scss

│   ├── Navbar

│   │   ├── Navbar.js

│   │   └── Navbar.scss

│   ├── TodoContainer

│   │   ├── TodoContainer.js

│   │   └── TodoContainer.scss

│   ├── TodoForm

│   │   ├── TodoForm.js

│   │   └── TodoForm.scss

│   ├── TodoItem

│   │   ├── TodoItem.js

│   │   └── TodoItem.scss

│   └── TodoList

│       ├── TodoList.js

│       └── TodoList.scss

├── index.css

├── index.js

└── logo.svg

```

## Getting Started

To get a local copy up and running follow these simple example steps

- From your terminal enter in sequence 

  - `git clone https://github.com/od-c0d3r/todo-app-react.git`

  - `code todo-app-react`

### 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 run build`

  - Builds the app for production to the `build` folder.\

It correctly bundles React in production mode and optimizes the build for the best performance.

  - The build is minified and the filenames include the hashes.\

Your app is ready to be deployed!

## Coders

👤 **Omar R.**

- Github: [@od-c0d3r](https://github.com/od-c0d3r)

- LinkedIn: [omarrashad](https://linkedin.com/in/omarrashad)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## 📝 License

This project is [MIT](./MIT.md) licensed.