portfolio-website/smart-bill-manager.html at main · MasterCoder667/portfolio-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Smart Bill Manager | Project</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

<header>
    <h1>Smart Bill Manager Project</h1>
    <nav>
        <a href="index.html">Back to Portfolio</a>
    </nav>
</header>

<main class="section">
    <h2>Project Overview</h2>
    <p>
        Smart Bill Manager is a <strong>full-stack web application</strong> designed to help users track and manage
        all their subscriptions in one place. Built with modern web technologies, it features user authentication,
        real-time analytics, budget tracking, and payment reminders. The application solves the common problem of
        subscription overload by providing a centralized platform for financial management.
    </p>

    <h2>Key Features</h2>
    <ul class="features-list">
        <li>User authentication with JWT tokens and secure password hashing</li>
        <li>Complete CRUD operations for subscription management</li>
        <li>Real-time budget tracking with visual progress indicators</li>
        <li>Analytics dashboard with spending charts and category breakdowns</li>
        <li>Payment tracking and upcoming bill reminders</li>
        <li>Data export functionality (CSV reports)</li>
        <li>Responsive design optimized for desktop and mobile devices</li>
        <li>Settings panel for user preferences and customization</li>
    </ul>

    <h2>Technologies Used</h2>
    <p><strong>Frontend:</strong> React, React Router, Axios, CSS3</p>
    <p><strong>Backend:</strong> FastAPI, Python, SQLAlchemy, JWT Authentication</p>
    <p><strong>Database:</strong> SQLite</p>
    <p><strong>Tools:</strong> Git, GitHub, REST APIs, Responsive Design</p>

    <h2>Technical Highlights</h2>
    <ul class="features-list">
        <li>Implemented secure user authentication system with password hashing</li>
        <li>Designed and built RESTful API with proper error handling</li>
        <li>Created responsive UI components with modern CSS practices</li>
        <li>Developed real-time analytics and data visualization features</li>
        <li>Implemented client-side routing for seamless user experience</li>
        <li>Applied software engineering best practices throughout development</li>
    </ul>

    <h2>Outcome & Impact</h2>
    <p>
        Smart Bill Manager demonstrates comprehensive full-stack development capabilities, from database design
        and API development to frontend implementation and user experience design. The project showcases ability
        to build production-ready web applications with modern authentication, data management, and responsive
        design principles. It serves as a practical solution for personal finance management and subscription tracking.
    </p>

    <div class="project-links">
        <a href="https://github.com/MasterCoder667/smart-bill-manager" target="_blank" class="button">View on GitHub</a>
    </div>
</main>

<footer>
    &copy; 2025 Muheto Niyonemera. All rights reserved.
</footer>

</body>
</html>