DEV Community 👩‍💻👨‍💻

Austin Noronha
Austin Noronha

Posted on

#MyReactJourney - Simple ToDo App

Why Javascript + React ?

You know javascript is a very interesting language, you will never know where and which web/app you would be developing it with.

My React journey started long back, but I never shared my views and experiences with my friends, I think I never thought where to begin it with and what should be shared.

So I have taken this opportunity with Dev.to to start with a simple ToDo app, #LetsStart !

The App

My ToDo app is a simple web app that displays a small input box (inline form) and listing of all the ToDo items.

The UI Theme is using Bootstrap 4.5 and Node-SASS to override some css properties.

You can play around as you like!

I have also implemented a Mock API from mockapi.io and stored all the ToDo items. It's very easy to begin with and you can generate dummy data with GET/POST/DELETE Api

(Clone API)[https://mockapi.io/clone/5f9422429ecf720016bfc339]

Dev Dependencies

Some UI and JS Dependencies:

  • "axios": "^0.21.0",
  • "bootstrap": "^4.5.3",
  • "node-sass": "^4.14.1",
  • "react": "^17.0.1",
  • "react-bootstrap": "^1.4.0",
  • "react-dom": "^17.0.1",
  • "react-scripts": "4.0.0",

This project is bootstrapped with Create React App.

Contributions

(@austinnoronha ) The working sample APP is hosted on Github - https://github.com/austinnoronha/my-first-react-website/tree/main/my_todo_app

Thank you to #Hacktoberfest 2020 for inspiring me to start my Blog and Tech journey!

Top comments (0)

Visualizing Promises and Async/Await 🤯

async await

☝️ Check out this all-time classic DEV post