FocusDay is a Full-stack DEMO web app to showcase web development technologies such as:

  • React
  • React Hooks
  • SWR
  • JWT Authentication
  • Next.js
  • Mongoose
  • NodeJS
  • MongoDB
  • Material-UI

FocusDay let's you create ToDos and Notes and saves them in a database. It uses React Hooks to keep the state of the app and also saves it in a MongoDB database.

This Web App was made by Alfonso Cartes. For more information click here

The source code for the app can be found on GitHub


Live Project

Open in your browser to see the result.

You can start testing the app by adding, removing and clearing Notes and Tasks.

Local Testing

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Tell us about your project.