5-Minute-Journal Clone

Web Clone of 5-Minute-Journal Mobile Application, developed using react and tailwindcss

Live demo | API Code

Running locally

Setup

• Setup Backend Application from Here

Steps

• git clone https://github.com/chavda-bhavik/repscounter
• yarn (after navigating inside the directory)
• yarn dev

---

About RepsCounter

Pages

• Home view with ability to Search
• Gallary view
• Journal Details view
• Notepad

Facilities

• Manage Daily Journals
• Statistics on added Journals
• PWA & Store data locally

Features

• Facility to Add Photo in Journal
• Interactive Animations using react-transition-group
• Handy calendar to quickly jump to journals
• Easy to understand code and project structure
• Using Redux Toolkit for global state management
• Easy & Lightweight frontend tooling with Vite
• Linting and formatting with eslint and prettier
• Responsive & small bundle Size

Technologies

• ViteJS To Build & Develop
• React Library to Build awesome User Interface
• TailwindCSS To Style the Application

• Wouter A minimalist-friendly routing for React
• react-transition-group For Animating UI
• redux-toolkit To provide offline & central storage facility
• Graphql-Request To communicate with Backend

---