Todo App Dev Challenge

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• How to use
• Contact
• Acknowledgements

Overview

• Where can I see your demo?
  This frontend challenge was uploaded to the Netlify domains, because it is a very powerful service to upload your React projects to the internet.

• What was your experience?
  My experience at the end of this challenge has been satisfactory, because it made me review concepts that I had forgotten, it also helped me reinforce my knowledge of React such as React Context, state management, etc.
  Lastly, I reinforced my knowledge of CSS flexbox by using CSS modules and adapting the app to different mobile devices.

• What have you learned/improved?
  I had to go over the concepts of the CSS modules and decide the best way to update the tasks depending on the filter the user selects.

Built With

• React
• CSS Modules

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository, I used Vite instead of React-create-app
$ git clone https://github.com/PatrickNv23/TodoApp-devChallenges

# Install dependencies
$ npm install

# Run the app with Vite
$ npm run dev

Acknowledgements

• Steps to replicate a design with only HTML and CSS
• Node.js
• Marked - a markdown parser

Contact

• GitHub @PatrickNv23