FocusDay

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

focus-day-screenshot-1
focus-day-screenshot-2
focus-day-screenshot-3

Live Project

Open https://focus-day.vercel.app/ 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.