EN
Platform UI is currently English-only. Other languages here track your preference for future translations.
Finance Tracker
A web-based personal finance management application that helps users track their financial activities through a secure dashboard interface.
Get StartedKey Features
User Authentication
Secure login and registration system with email/password validation.
Local Storage
Client-side data persistence using browser localStorage.
Dashboard Interface
Personal finance tracking dashboard for logged-in users.
Session Management
Maintains user sessions and tracks current logged-in user.
Tech Stack
- Frontend: HTML, CSS, JavaScript (Vanilla)
- Storage: Browser localStorage for user data and session management
- Authentication: Client-side validation and user management
Application Structure
-
index.html/index.jsLogin page with authentication logic -
signup.html/signup.jsUser registration interface -
dashboard.html/dashboard.jsMain finance tracking dashboard
Getting Started
- Open index.html in your web browser
- If you're a new user, click to navigate to the signup page
- Create an account or login with existing credentials
- Access your personal finance dashboard to start tracking
Authentication Flow
The application uses a simple authentication system:
// Login validation
const validUser = users.find(user =>
user.email === email &&
user.password =****** password
);
if(validUser){
localStorage.setItem("loggedIn", "true");
localStorage.setItem("currentUser", JSON.stringify(validUser));
window.location.href = "dashboard.html";
}
Note: This is a client-side only application. For production use, implement proper server-side authentication and security measures.