/personaljournal-frontend

The Personal Journal Next.js Application is a user-friendly front-end interface built on top of the Personal Journal API, enabling users to interact with their personal journal entries, tags, and comments.

Primary LanguageTypeScript

Introduction to Personal Journal Next.js Application

The Personal Journal Next.js Application is a front-end application built on top of the Personal Journal API. It provides a user-friendly interface for users to interact with their personal journal entries, tags, and comments. The application is built using Next.js 13, a popular framework for building server-side rendered React applications.

The Personal Journal Next.js Application provides a clean and intuitive interface for users to perform CRUD operations on their journal entries, tags, and comments. The application uses server-side rendering to provide fast loading times and a seamless user experience. It also includes features such as authentication and authorization to ensure the security of user data.

Backend For this build with Spring Framework available at Backend💻 using Spring RESTful api

Demo

Register and Login reg_log_demo

Post a new entry post

Comment on an entry comment

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

http://localhost:3000/api/hello is an endpoint that uses Route Handlers. This endpoint can be edited in app/api/hello/route.ts.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.