Magisale's internship TODO App

(Full Stack Internship)

How to start

1. $ git clone https://github.com/SadMonster/magisale-internship-todo.git
2. $ cd magisale-internship-todo
3. $ npm i
4. $ npm start

Usual TODO application that have to be improved by you through next 2-3 weeks

Recomended instruments:

• NPM
• Visual Studio Code
• Git Bash
• Chrome Dev Tools
• Spotify

Recomended sources:

• Google
• Other Interns
• Devs
• Working code
• Habr
• DevTube

Frontend section

1st Step task: Code is simple as it possible, so you should be able to understand its basics concepts 2-3 days or even faster if you're already familiar with JS and HTML.

2nd: Let's mix a things a little bit! Add a new field called "Title" to app's sources at Todo creator inputs and Todo item view. "Title" expected to work as previous field called "todo", only one thing I want you to do - is create a copy of it and make it work.

3rd: Now as we have a lot of todo's done we need to have a possibility to delete some of them, so as you understand - you should to implement a deleting functionality to your app

4th: Is it enough, only creating and deleting? No! We need to edit our mistakes here so add a editing functionality to this app.

5th: Now it is time to add some state management. Use Redux or MobX (Redux preffered) in your app.

6th: Let's make our app beautifull now! It's dangerous to go alone, take this or take this! Make your app looks like something pretty example. (Animations on CSS and ShapeShifts will be +)

Backend section

7th: Create nodejs server. Use express and start the backend.

8th: Create endpoints for existing functionality that frontend requires.

9th: Use some SQL database solution for storing records - PostgreSQL is preferable.

10th: For backend use Test Driven Development (TDD). Your code must be covered by tests at least 89%.

Both

11th: Now our project is have to be published. Use "Heroku" and Node.js to stage your app online.

12th: Add some user specific functions like data saving and SignUp\Register functionality. Such function save to be implemented on server and client sides.

13th: Now you're free to do everything you want. If you have enough free time - add some interesting things, that you consider desirable. (Server Side Rendering for react or running your backend on http2 protocol for example)

Extra tasks: Addaptive design and UI, your own RESTfull API, SPA implementation, PWA implementation, data syncronization with any of cloud services, Import\Export feauteres.