This is a playground project to play with NextJS V13 app_dir
, TypeScript, React-testing-library, and tiwlindCSS. Not meant for production.
A todo app with user registration, and persisted data. The project uses Next.js and was bootstrapped with create-next-app
.
App deployed on https://2-done.vercel.app/
First, run the development server:
npm run dev
# or
npm run test #for testing
npm run test #for testing
Open http://localhost:3000 with your browser to see the result.
A hackish backend is used to store data on the server, and mimick user Authentication, it's not a real backend, not safe, just a quick way to mimick a Restul API.
Backed is using API routes and store2
npm package to persist data on the server (no db used).
app
: Experimental feature in Next13, mainly pages are here.entities
: All the logic related to todos or users entities (components, endpoints, types etc.)pages/api
: endpoints and backend functions.
Jest and React testing library are used to test components.
Mock Service Worker
is used to mock api requests, although some issues preventing the mock from working properly.. (TBD)
Tailwind CSS is used to style components, with some third party plugins.
App is deployed on Vercel https://2-done.vercel.app/