Skip to content

jpknwls/Lynx

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lynx

photo of the home screen

Purpose

Lynx is a CRUD app built with Django and React. It's purpose is to a) experiment with Tailwind, b) deepen my understanding of Django and React and c) learn about authorization flow in React/Django (following this). The brevity of Tailwind’s declarative nature mirrored SwiftUI’s view modifiers, a pattern I like, and made component stylization very similar to that in SwiftUI. I chose as simple a model as I could to ease the logic, so I could focus on the API, Components and Tailwind declaration.

Stack

  • SQL
  • Django
  • React
  • Tailwind
  • Netlify

Design

The app follows a standard authorization shape, with a Root Component that provides authorization protection to the /profile/ route and with routes /login/ and /register/ handling adding and signing in users. The /profile/ route provides user the ability to edit add, remove and reorder their Lynx, while the /{username}/ route displays these Lynx in a list.

Routes

  • /

Landing page

  • /login/

Handles login

  • /register/

Handles registration

  • /profile/

Provides user the ability to edit add, remove and reorder their Lynx

  • /{username}/

Displays a user’s Lynx in a list.

Login Screen

photo of the login screen

Profile Screen

photo of the profile screen

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published