Mahfouzer / Lessons-dnd

React app for Todo -Lessons- with the magic of dnd

Technologies

This project was bootstrapped with

• Create-React-App

• react-beautiful-dnd

• react-hook-form

• styled-components

• react-toastify

• react-modal

• no (axoios) only fetch as it's only two API calls needed

Pre-Running

Please install dependencies running the following line first

npm install

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Deployment

this app is deployed twice

• netlify (without Back-end support): https://lesson-dnd.netlify.app/

• netlify (with Back-end support): https://lesson-dnd-be-integrated.netlify.app

note: sometimes the Back-end integrated version takes some time as the glitch service (instance) sleeps so it may take 5~6 seconds to start and get back with data to the front-end through the API

Back-end integration

this app is integrated with BE on feature/BE-integrated using JSON-server deployed on glith cloud

-it's really straight-forward code for json-server it's basicly forked of another JSON-server and deployed on glitch if you needed any information about it please contact me direct @ [e-mail]

the master branch has the static version of this site