Skip to main content

Version 0.1.0 - Release Notes

General Notes:​

This is the first release of Trek. Currently, it only includes parts of the frontend interface built with React (TS) with Tailwind and Mantine.

The pages of our web application are categorized into three main groups:​

Main Pages: Landing Page and Public Profile Pages

Trip App Pages: Trip Overview, Details, Maps, Timeline Pages

User Settings Pages: User Profile/Account Settings Pages

React Component Design​

Component Diagram

Directory Structure​

./src
├── App.css
├── App.tsx
├── assets
├── components
│   ├── AltTripCard.tsx
│   ├── EditorSidebar.tsx
│   ├── PageHero.tsx
│   ├── TripCard.tsx
│   └── appshells
├── index.css
├── main.tsx
└─ pages
       ├── AccountSettings
       ├── Error404Page
       ├── FallBack
       ├── LandingPage
       ├── ProfileSettings
       ├── TripDetails
       ├── TripMap
       ├── TripOverview
       ├── TripTimeline
       └── UserProfile

Pages Directory holds subdirectories for each page. Each directory has an PageNameApp.tsx and its subcomponents in its own component directory.

Components Directory holds shared components that multiple pages use.

Assets Directory holds static assets such as images, icons, etc.

components/Appshells Directory holds “app shells” that contain layout