Personal Project

Note Application

Summary

A web-based note taking app with features including authentication, the ability to create and manage boards, sections, and tasks, the ability to mark tasks as favorites, and the ability to drag and drop tasks between sections and boards

Tags:

Note AppWeb DevelopmentFull-stack

Tools

ReactTypeScriptMaterial UIRedux ToolkitExpressJavaScriptMongoDB

Link:

Github link

Challenges

Principal

The first project I applied material ui to build UI for app.

Specifics

A personal project, so I managed both back-end and front-end. Implemented a REST API using Express.js to handle server-side logic and interactions with database NoSQL MongoDB. Designed and built the client interface using React and TypeScript incorporating Material UI for styling and layout.
Used Git to track progress of project, Postman to test respond REST API, Vercel to deploy client and Railway to deploy server my application.

Wireframes

Authentication Page

/static/projects/NoteApp/authentication.png