Sequences is an app which inspired by the "Mood Tracking" method of "Cognitive Behavioral Therapy". Users can create new sequences about a situation, event or a person, record their feelings, thoughts and behaviors about it, choose polarity and impact for each action and add notes. -
Core:
- React
- Vite
Routing & Data:
- React Router DOM
- Axios
UI & Styling:
- React Bootstrap
- Bootstrap 5
Deployment:
- Vercel
Backend:
- JSON Server
- Node.js
Other:
- Cloudinary API (image hosting)
- Multer (As a bridge for Cloudinart storage)
Detailed search and filter will be added to Storyboard. - Detailed page will be created for Emotions and Triggers. -
All actions that user can do with Sequences: -
- homepage - Users can view their all sequences on homepage which named storyboard.
- create sequence - Users can create a new sequence consists of title, image, summary, emotion/thought/behavior details and notes.
- view detailed sequence - Users can view a detailed sequence about their spesific memories.
- edit sequence - Users can edit or delete their sequences or add notes on the sequence detail page.
- 404 - When the path is not bring us a correct place, we see this.
NOTE - Use below table to list your frontend routes
| Path | Page | Components | Behavior |
|---|---|---|---|
/ |
Storyboard | View all sequences on homepage | |
/sequences/create |
CreateNewSequence | New sequence form, navigate storyboard after submit, toast on error | |
/sequences/id |
SeqDetails | SequenceMainSection, SequenceNote | Login form, link to signup, navigate to homepage after login |
- MyNavbar
- MyToast