This is the frontend application for the Activity Tracker app. It provides a beautiful user interface and various functionalities to track and manage activities.
-
Clone the repository:
git clone https://github.com/your-username/activity-tracker-frontend.git
-
Navigate to the project directory:
cd activity-tracker-backend
-
Install the dependencies:
npm i
-
Start the server:
npm run dev
The server will start running on the specified port.
-
Login: Access the login page to log in to your account and access the dashboard.
-
Signup: If you don't have an account, sign up for a new account through the signup page.
-
Dashboard: Once logged in, you'll be redirected to the dashboard page, where you can manage your activities.
-
Add Activity: Click on the "Add Activity" button on the dashboard to open a modal. Fill in the activity details (name, date, duration, notes) and submit the form to add a new activity.
-
Viewing Activities: Activities added by the user will be displayed as cards on the dashboard. Each card shows relevant information and may have options to edit or delete the activity.
-
Pagination: If you have a large number of activities, pagination is implemented to improve usability. Navigate between pages to view additional activities.
-
Logout: To log out from the app, click on the logout option in the sidebar.
The application uses vite: it is a build tool that aims to provide a faster and leaner development experience for modern web projects.
The frontend application relies on several dependencies to provide its functionality and design:
@headlessui/react @material-tailwind/react @reduxjs/toolkit antd axios bootstrap postcss-import react react-bootstrap react-dom react-icons react-redux react-router react-router-dom tailwind Make sure to install these dependencies before running the application.
Contributions to the Activity Tracker app are welcome! If you would like to contribute, please follow the guidelines outlined in the contribution guidelines file.
This project is licensed under the MIT License. You can find more details in the LICENSE file.