DEV Community

Karthikeyan
Karthikeyan

Posted on

Odesey - Final Showdown

What I built

As part of the hackathon , I built an app which will allow the users to document their journey

Category Submission:

Think Outside the JS Box

App Link

odesey-frontend.vercel.app

Screenshots

Landing Page

Landing page

Login screen

Login screen

Validation

Validation

Journal listing
Journal listing

Profile page

Profile page

Single journal page

Single journal

Deleting the journal

delete journal

Link to Source Code

Front End:

GitHub logo skarthikeyan96 / odesey-frontend

Front end code for Odesey - journal application

Odesey

Application to document your journey powered by FastAPI, Next.js and Mongodb

MIT License

Run Locally

Clone the project

  git clone git@github.com:skarthikeyan96/odesey-frontend.git
Enter fullscreen mode Exit fullscreen mode

Go to the project directory

  cd odesey-frontend
Enter fullscreen mode Exit fullscreen mode

Install dependencies

  npm install
Enter fullscreen mode Exit fullscreen mode

Start the server

  npm run start
Enter fullscreen mode Exit fullscreen mode

Tech Stack

  1. Nextjs
  2. Typescript
  3. Tailwindcss
  4. FastAPI

Authors

Feedback

If you have any feedback, please reach out @karthik_coder

Environment Variables

To run this project, you will need to add the following environment variables to your .env.local file

NEXT_PUBLIC_URL_PREFIX : Url prefix will change based on NODE_ENV

JWT_KEY : Make sure to use the same key which you have used in the server to encode the jwt.




Back End:

GitHub logo skarthikeyan96 / odesey-frontend

Front end code for Odesey - journal application

Odesey

Application to document your journey powered by FastAPI, Next.js and Mongodb

MIT License

Run Locally

Clone the project

  git clone git@github.com:skarthikeyan96/odesey-frontend.git
Enter fullscreen mode Exit fullscreen mode

Go to the project directory

  cd odesey-frontend
Enter fullscreen mode Exit fullscreen mode

Install dependencies

  npm install
Enter fullscreen mode Exit fullscreen mode

Start the server

  npm run start
Enter fullscreen mode Exit fullscreen mode

Tech Stack

  1. Nextjs
  2. Typescript
  3. Tailwindcss
  4. FastAPI

Authors

Feedback

If you have any feedback, please reach out @karthik_coder

Environment Variables

To run this project, you will need to add the following environment variables to your .env.local file

NEXT_PUBLIC_URL_PREFIX : Url prefix will change based on NODE_ENV

JWT_KEY : Make sure to use the same key which you have used in the server to encode the jwt.




Permissive License: MIT

Background

(What made you decide to build this particular app? What inspired you?)

I mainly wanted to try out python and mongodb.

Did you learn something new along the way? Pick up a new skill?

  1. Learned how to create API endpoints with mongodb and FastAPI.
  2. Understood the JWT auth flow and built the endpoints.

What's next

  1. Allowing the user to add multimedia text in their journal
  2. Encrypting the journal content.
  3. Notion integration.

Top comments (0)